@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--primary: #25d366;--primary-hover: #1da851;--bg-light: #f8fafc;--bg-white: #ffffff;--bg-card: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--border: #e2e8f0;--error: #ef4444;--error-bg: #fef2f2;--success: #22c55e;--warning: #f59e0b;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius: 10px}[data-theme=dark]{--bg-light: #0f172a;--bg-white: #1e293b;--bg-card: #1e293b;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #64748b;--border: #334155;--error-bg: #450a0a;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4), 0 4px 6px -4px rgb(0 0 0 / .4)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-light: #0f172a;--bg-white: #1e293b;--bg-card: #1e293b;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #64748b;--border: #334155;--error-bg: #450a0a;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4)}}*{box-sizing:border-box}body{margin:0;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-light);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit}h1{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.025em}h2{font-size:.8125rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0}h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.layout{display:flex;min-height:100vh}.sidebar{width:260px;background:var(--bg-white);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;height:100vh;z-index:100;transition:width .3s ease,transform .3s ease}.sidebar.collapsed{width:72px}.sidebar-header{display:flex;align-items:center;gap:.75rem;padding:1.5rem;border-bottom:1px solid var(--border);min-height:72px}.sidebar.collapsed .sidebar-header{justify-content:center;padding:1.5rem 1rem}.sidebar-icon{flex-shrink:0}.sidebar-brand{display:flex;flex-direction:column;overflow:hidden;white-space:nowrap}.brand-name{font-size:1.125rem;font-weight:800;color:var(--text-primary);letter-spacing:-.01em}.brand-subtitle{font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.collapse-toggle{position:absolute;right:-14px;top:36px;width:28px;height:28px;border-radius:50%;background:var(--bg-white);border:1px solid var(--border);box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s;z-index:101;padding:0}.collapse-toggle:hover{background:var(--primary);border-color:var(--primary);color:#fff}.sidebar-nav{flex:1;padding:1rem .75rem;display:flex;flex-direction:column;gap:.25rem;overflow-y:auto}.sidebar.collapsed .sidebar-nav{padding:1rem .5rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;color:var(--text-secondary);font-size:.9375rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;white-space:nowrap}.nav-item:hover{background:var(--bg-light);color:var(--text-primary);text-decoration:none}.nav-item.active{background:#dcfce7;color:#166534;font-weight:600}[data-theme=dark] .nav-item.active{background:#14532d;color:#86efac}.sidebar.collapsed .nav-item{justify-content:center;padding:.75rem}.sidebar-footer{padding:1rem .75rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.25rem}.sidebar.collapsed .sidebar-footer{padding:1rem .5rem;align-items:center}.user-info{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;margin-bottom:.25rem;border-radius:8px;background:var(--bg-light)}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;flex-shrink:0}.user-details{display:flex;flex-direction:column;overflow:hidden}.user-name{font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.75rem;color:var(--text-muted)}.theme-btn,.logout-btn{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;background:none;border:none;border-radius:8px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s;width:100%;white-space:nowrap}.theme-btn:hover{background:var(--bg-light);color:var(--text-primary)}.logout-btn:hover{background:var(--error-bg);color:var(--error)}.sidebar.collapsed .theme-btn,.sidebar.collapsed .logout-btn{justify-content:center;padding:.625rem}.main-content{margin-left:260px;flex:1;min-height:100vh;transition:margin-left .3s ease}.main-content.expanded{margin-left:72px}.main-content.mobile{margin-left:0}.mobile-header{position:fixed;top:0;left:0;right:0;height:56px;background:var(--bg-white);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 1rem;z-index:99}.mobile-brand{display:flex;align-items:center;gap:.5rem}.mobile-menu-btn{background:none;border:none;cursor:pointer;color:var(--text-primary);display:flex;align-items:center;padding:.5rem;border-radius:8px}.mobile-menu-btn:hover{background:var(--bg-light)}.sidebar.mobile{transform:translate(-100%);top:56px;height:calc(100vh - 56px)}.sidebar.mobile.open{transform:translate(0)}.main-content.mobile{padding-top:56px}.sidebar-overlay{position:fixed;right:0;bottom:0;left:0;top:56px;background:#0006;z-index:99}.wa-status-bar{display:flex;align-items:center;gap:.625rem;padding:.625rem 1rem;border-radius:8px;background:var(--bg-light);cursor:default;min-height:38px}.sidebar.collapsed .wa-status-bar{justify-content:center;padding:.625rem}.wa-status-dot-sidebar{width:10px;height:10px;border-radius:50%;flex-shrink:0;position:relative}.wa-status-dot-sidebar.green{background:#22c55e}.wa-status-dot-sidebar.yellow{background:#f59e0b}.wa-status-dot-sidebar.red{background:#ef4444}.wa-status-dot-sidebar.yellow:after,.wa-status-dot-sidebar.red:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:2px solid currentColor;opacity:.4;animation:wa-pulse 1.5s ease-in-out infinite}.wa-status-dot-sidebar.yellow:after{color:#f59e0b}.wa-status-dot-sidebar.red:after{color:#ef4444}@keyframes wa-pulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.5);opacity:0}}.wa-status-text{font-size:.8125rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:.75rem;z-index:9999;max-width:380px}.toast{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;border-radius:var(--radius);box-shadow:var(--shadow-lg);background:var(--bg-white);border:1px solid var(--border);animation:slideIn .2s ease}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success svg:first-child{color:var(--success)}.toast-error svg:first-child{color:var(--error)}.toast-warning svg:first-child{color:var(--warning)}.toast-content{flex:1;display:flex;flex-direction:column;gap:.125rem}.toast-title{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.toast-message{font-size:.875rem;color:var(--text-secondary)}.toast-close{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:0;display:flex;align-items:center;flex-shrink:0}.toast-close:hover{color:var(--text-primary)}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-size:.9375rem;font-weight:600;cursor:pointer;transition:background .2s;text-decoration:none}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--bg-white);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius);font-size:.9375rem;font-weight:500;cursor:pointer;transition:background .2s,border-color .2s;text-decoration:none}.btn-secondary:hover{background:var(--bg-light);border-color:var(--text-muted)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-danger{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;color:var(--error);border:1px solid var(--error);border-radius:var(--radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.btn-danger:hover{background:var(--error-bg)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:background .2s,color .2s}.btn-icon:hover{background:var(--bg-light);color:var(--text-primary)}.btn-icon.danger:hover{background:var(--error-bg);color:var(--error);border-color:var(--error)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.form-input{padding:.75rem 1rem;background:var(--bg-white);border:1px solid var(--border);border-radius:8px;font-size:.9375rem;color:var(--text-primary);transition:border-color .2s;width:100%}.form-input:focus{outline:none;border-color:var(--primary)}.form-hint{font-size:.8125rem;color:var(--text-muted)}.badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge-success{background:#dcfce7;color:#166534}.badge-warning{background:#fef9c3;color:#854d0e}.badge-error{background:#fee2e2;color:#991b1b}.badge-neutral{background:var(--bg-light);color:var(--text-secondary);border:1px solid var(--border)}[data-theme=dark] .badge-success{background:#14532d;color:#86efac}[data-theme=dark] .badge-warning{background:#422006;color:#fde047}[data-theme=dark] .badge-error{background:#450a0a;color:#fca5a5}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;text-align:center;color:var(--text-muted)}.empty-state svg{opacity:.4}.empty-state p{margin:0;font-size:.9375rem}.page{padding:2rem;width:100%;box-sizing:border-box;max-width:1200px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.page-actions{display:flex;gap:.75rem;align-items:center}.error-banner{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--error-bg);border:1px solid var(--error);border-radius:var(--radius);color:var(--error);font-size:.9375rem;margin-bottom:1.5rem}