body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--brand:#25d366;--brand-dark:#1ead50;--brand-bg:#1a3a2a;--danger:#f44;--danger-bg:#2a1a1a;--warning:#fa0;--info:#3b82f6;--info-bg:#1a1a2a;--success:#25d366;--bg:#0a0a0a;--surface:#141414;--surface-2:#1a1a1a;--surface-hover:#202020;--surface-head:#252525;--border:#2a2a2a;--border-subtle:#1f1f1f;--text:#fff;--text-muted:#888;--text-table:#ccc;--shadow:#0006;--shadow-lg:#0009;--sidebar-width:260px;--header-height:64px;--radius-sm:10px;--radius-md:14px;--radius-lg:50px;--gap:20px;--pad:24px;--font:"Segoe UI",sans-serif;--transition:0.2s ease}body.light{--bg:#f0f2f5;--surface:#fff;--surface-2:#f8f9fa;--surface-hover:#f0f0f0;--surface-head:#f5f5f5;--border:#e0e0e0;--border-subtle:#eee;--text:#111;--text-muted:#666;--text-table:#333;--shadow:#00000014;--shadow-lg:#00000026}*{box-sizing:border-box;margin:0;padding:0}body{background:#0a0a0a;background:var(--bg);color:#fff;color:var(--text);font-family:Segoe UI,sans-serif;font-family:var(--font);min-height:100vh;transition:background .2s ease,color .2s ease;transition:background var(--transition),color var(--transition)}.app-layout,.main-content{display:flex;min-height:100vh}.main-content{flex:1 1;flex-direction:column;margin-left:260px;margin-left:var(--sidebar-width);transition:margin .2s ease;transition:margin var(--transition)}.page-content{flex:1 1;overflow-y:auto;padding:24px;padding:var(--pad)}.page{gap:20px;gap:var(--gap);margin:0 auto;max-width:1400px;width:100%}.page,.sidebar{display:flex;flex-direction:column}.sidebar{background:#141414;background:var(--surface);border-right:1px solid #2a2a2a;border-right:1px solid var(--border);height:100vh;left:0;position:fixed;top:0;transition:transform .2s ease;transition:transform var(--transition);width:260px;width:var(--sidebar-width);z-index:100}.sidebar-logo{border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--border);padding:24px 20px}.sidebar-logo h1{font-size:24px;font-weight:800;letter-spacing:-.5px}.sidebar-logo h1 span{color:#25d366;color:var(--brand)}.sidebar-logo p{color:#888;color:var(--text-muted);font-size:12px;margin-top:4px}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto;padding:16px 12px}.nav-item{align-items:center;border-radius:10px;border-radius:var(--radius-sm);color:#888;color:var(--text-muted);display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-decoration:none;transition:all .2s ease;transition:all var(--transition)}.nav-item:hover{background:#202020;background:var(--surface-hover);color:#fff;color:var(--text)}.nav-item.active{background:#1a3a2a;background:var(--brand-bg);color:#25d366;color:var(--brand)}.nav-icon{font-size:18px;text-align:center;width:24px}.sidebar-footer{border-top:1px solid #2a2a2a;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:12px;padding:16px 12px}.sidebar-user{gap:12px;padding:8px}.sidebar-user,.user-avatar{align-items:center;display:flex}.user-avatar{background:#1a3a2a;background:var(--brand-bg);border-radius:50%;color:#25d366;color:var(--brand);flex-shrink:0;font-size:16px;font-weight:700;height:36px;justify-content:center;width:36px}.user-name{font-size:14px;font-weight:600}.user-role{color:#888;color:var(--text-muted);font-size:12px;text-transform:capitalize}.sidebar-overlay{background:#00000080;display:none;inset:0;position:fixed;z-index:99}.main-header{background:#141414;background:var(--surface);border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--border);height:64px;height:var(--header-height);justify-content:space-between;padding:0 24px;padding:0 var(--pad);position:-webkit-sticky;position:sticky;top:0;z-index:50}.header-left,.main-header{align-items:center;display:flex}.header-left{gap:16px}.menu-toggle{background:none;border:none;border-radius:10px;border-radius:var(--radius-sm);color:#fff;color:var(--text);cursor:pointer;display:none;font-size:20px;padding:4px 8px;transition:background .2s ease;transition:background var(--transition)}.menu-toggle:hover{background:#202020;background:var(--surface-hover)}.page-title{font-size:18px;font-weight:700}.header-right{align-items:center;display:flex;gap:16px}.header-time{align-items:flex-end;display:flex;flex-direction:column}.time{font-size:14px;font-weight:600}.date{color:#888;color:var(--text-muted);font-size:11px}.theme-toggle{background:#1a1a1a;background:var(--surface-2);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);color:#fff;color:var(--text);cursor:pointer;font-size:16px;padding:8px 12px;transition:all .2s ease;transition:all var(--transition)}.theme-toggle:hover{border-color:#25d366;border-color:var(--brand)}.page-header{flex-wrap:wrap;gap:12px;justify-content:space-between}.page-header,.page-header h2{align-items:center;display:flex}.page-header h2{font-size:22px;font-weight:700;gap:10px}.page-subtitle{color:#888;color:var(--text-muted);font-size:14px;margin-top:4px}.status-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.status-card{align-items:center;background:#141414;background:var(--surface);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-md);display:flex;gap:14px;padding:16px 20px;transition:background .2s ease;transition:background var(--transition)}.status-card-icon{font-size:28px}.status-card-label{color:#888;color:var(--text-muted);font-size:12px;margin-bottom:4px}.status-card-status{align-items:center;display:flex;font-size:14px;font-weight:600;gap:8px}.status-card-extra{color:#888;color:var(--text-muted);font-size:11px;margin-top:4px}.status-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.status-dot.connected,.status-dot.healthy{animation:pulse 2s infinite;background:#25d366;background:var(--brand);box-shadow:0 0 8px #25d366;box-shadow:0 0 8px var(--brand)}.status-dot.disconnected{background:#f44;background:var(--danger)}.status-dot.busy,.status-dot.checking{background:#fa0;background:var(--warning)}.status-dot.overloaded{background:#f44;background:var(--danger)}@keyframes pulse{0%{box-shadow:0 0 0 0 #25d36666}70%{box-shadow:0 0 0 8px #25d36600}to{box-shadow:0 0 0 0 #25d36600}}.stats-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.stat-card{background:#141414;background:var(--surface);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-md);padding:20px;text-align:center}.stat-card h3{color:#25d366;color:var(--brand);font-size:36px;font-weight:800;line-height:1;margin-bottom:6px}.stat-card p{color:#888;color:var(--text-muted);font-size:13px}.connected-box{background:#141414;background:var(--surface);border:1px solid #25d366;border:1px solid var(--brand);border-radius:14px;border-radius:var(--radius-md);padding:24px;padding:var(--pad);text-align:center}.connected-box h2{font-size:20px;margin-bottom:8px}.connected-box p{color:#888;color:var(--text-muted);font-size:14px}.qr-box{background:#141414;background:var(--surface);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-md);padding:30px;text-align:center}.qr-box h2{font-size:20px;margin-bottom:8px}.qr-box p{color:#888;color:var(--text-muted);font-size:14px;margin-bottom:20px}.qr-box img{border:3px solid #25d366;border:3px solid var(--brand);border-radius:10px;border-radius:var(--radius-sm)}.dashboard-section{background:#141414;background:var(--surface);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-md);padding:24px;padding:var(--pad)}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header h2{align-items:center;display:flex;font-size:16px;font-weight:700;gap:10px}.section-link{color:#25d366;color:var(--brand);font-size:13px;font-weight:500;text-decoration:none}.section-link:hover{text-decoration:underline}.table-container{background:#141414;background:var(--surface);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-md);overflow:hidden}table{border-collapse:collapse;font-size:13px;width:100%}thead{background:#252525;background:var(--surface-head)}th{border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--border);color:#888;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover{color:#25d366;color:var(--brand)}td{border-bottom:1px solid #1f1f1f;border-bottom:1px solid var(--border-subtle);color:#ccc;color:var(--text-table);padding:12px 16px;vertical-align:middle}td.truncate{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}tr:last-child td{border-bottom:none}tr.clickable-row{cursor:pointer}tr.clickable-row:hover td{background:#202020;background:var(--surface-hover)}.badge{border-radius:20px;font-size:11px;font-weight:600;padding:3px 10px;white-space:nowrap}.badge-green{background:#1a3a2a;background:var(--brand-bg);color:#25d366;color:var(--brand)}.badge-blue{background:#1a1a2a;background:var(--info-bg);color:#3b82f6;color:var(--info)}.count-badge{border-radius:20px;font-size:12px;padding:2px 8px}.btn-primary,.count-badge{background:#25d366;background:var(--brand);color:#000;font-weight:700}.btn-primary{align-items:center;border:none;border-radius:10px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:Segoe UI,sans-serif;font-family:var(--font);font-size:13px;gap:8px;padding:10px 20px;transition:background .2s ease;transition:background var(--transition)}.btn-primary:hover:not(:disabled){background:#1ead50;background:var(--brand-dark)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:#1a1a1a;background:var(--surface-2);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);color:#fff;color:var(--text);cursor:pointer;font-family:Segoe UI,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;padding:10px 20px;transition:all .2s ease;transition:all var(--transition)}.btn-secondary:hover{border-color:#25d366;border-color:var(--brand);color:#25d366;color:var(--brand)}.btn-success{background:#1a3a2a;background:var(--brand-bg);border:1px solid #25d366;border:1px solid var(--brand);border-radius:10px;border-radius:var(--radius-sm);color:#25d366;color:var(--brand);cursor:pointer;font-family:Segoe UI,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;padding:10px 20px;transition:all .2s ease;transition:all var(--transition)}.btn-success:hover:not(:disabled){background:#25d366;background:var(--brand);color:#000}.btn-success:disabled{cursor:not-allowed;opacity:.6}.btn-danger{background:#2a1a1a;background:var(--danger-bg);border:1px solid #f44;border:1px solid var(--danger);border-radius:10px;border-radius:var(--radius-sm);color:#f44;color:var(--danger);cursor:pointer;font-family:Segoe UI,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;padding:10px 20px;transition:all .2s ease;transition:all var(--transition)}.btn-danger:hover{background:#f44;background:var(--danger);color:#fff}.logout-btn{background:#0000;border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);color:#888;color:var(--text-muted);cursor:pointer;font-family:Segoe UI,sans-serif;font-family:var(--font);font-size:13px;padding:10px 16px;text-align:left;transition:all .2s ease;transition:all var(--transition);width:100%}.logout-btn:hover{border-color:#f44;border-color:var(--danger);color:#f44;color:var(--danger)}.filters-row{flex-wrap:wrap;gap:12px}.filters-row,.search-box{align-items:center;display:flex}.search-box{background:#141414;background:var(--surface);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);flex:1 1;gap:8px;min-width:200px;padding:8px 14px;transition:border .2s ease;transition:border var(--transition)}.search-box:focus-within{border-color:#25d366;border-color:var(--brand)}.search-box input{background:none;border:none;color:#fff;color:var(--text);flex:1 1;font-family:Segoe UI,sans-serif;font-family:var(--font);font-size:13px;outline:none}.search-box button{background:none;border:none;color:#888;color:var(--text-muted);cursor:pointer;font-size:14px}.filters-row select{background:#141414;background:var(--surface);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);color:#fff;color:var(--text);cursor:pointer;font-family:Segoe UI,sans-serif;font-family:var(--font);font-size:13px;outline:none;padding:9px 14px;transition:border .2s ease;transition:border var(--transition)}.filters-row select:focus{border-color:#25d366;border-color:var(--brand)}.pagination{align-items:center;display:flex;gap:16px;justify-content:center;padding:16px}.pagination button{background:#141414;background:var(--surface);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);color:#fff;color:var(--text);cursor:pointer;font-family:Segoe UI,sans-serif;font-family:var(--font);font-size:13px;padding:8px 16px;transition:all .2s ease;transition:all var(--transition)}.pagination button:hover:not(:disabled){border-color:#25d366;border-color:var(--brand);color:#25d366;color:var(--brand)}.pagination button:disabled{cursor:not-allowed;opacity:.4}.pagination span{color:#888;color:var(--text-muted);font-size:13px}.modal-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:200}.modal{background:#141414;background:var(--surface);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-md);max-height:80vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{font-size:16px;font-weight:700}.modal-header button{background:none;border:none;border-radius:10px;border-radius:var(--radius-sm);color:#888;color:var(--text-muted);cursor:pointer;font-size:18px;padding:4px 8px;transition:all .2s ease;transition:all var(--transition)}.modal-header button:hover{background:#202020;background:var(--surface-hover);color:#fff;color:var(--text)}.modal-body{display:flex;flex-direction:column;gap:12px;padding:20px 24px}.modal-row{border-bottom:1px solid #1f1f1f;border-bottom:1px solid var(--border-subtle);display:flex;gap:12px;padding:8px 0}.modal-key{color:#888;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.3px;min-width:140px;text-transform:uppercase}.modal-value{color:#fff;color:var(--text);font-size:13px;word-break:break-all}.toast{animation:slideIn .3s ease;border-radius:10px;border-radius:var(--radius-sm);bottom:24px;box-shadow:0 4px 20px #0009;box-shadow:0 4px 20px var(--shadow-lg);font-size:14px;font-weight:600;padding:14px 20px;position:fixed;right:24px;z-index:300}.toast.success{background:#1a3a2a;background:var(--brand-bg);border:1px solid #25d366;border:1px solid var(--brand);color:#25d366;color:var(--brand)}.toast.error{background:#2a1a1a;background:var(--danger-bg);border:1px solid #f44;border:1px solid var(--danger);color:#f44;color:var(--danger)}@keyframes slideIn{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.queue-status-bar{background:#141414;background:var(--surface);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-md);gap:24px;padding:16px 24px}.queue-stat,.queue-status-bar{align-items:center;display:flex}.queue-stat{flex-direction:column;gap:4px}.queue-number{color:#25d366;color:var(--brand);font-size:24px;font-weight:800}.queue-label{color:#888;color:var(--text-muted);font-size:12px}.queue-divider{background:#2a2a2a;background:var(--border);height:40px;width:1px}.queue-badge{border-radius:20px;font-size:12px;font-weight:600;padding:4px 12px;text-transform:capitalize}.queue-badge.healthy{background:#1a3a2a;background:var(--brand-bg);color:#25d366;color:var(--brand)}.queue-badge.busy{background:#ffaa0026;color:#fa0;color:var(--warning)}.queue-badge.overloaded{background:#2a1a1a;background:var(--danger-bg);color:#f44;color:var(--danger)}.takeover-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.takeover-card{background:#1a1a1a;background:var(--surface-2);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-md);overflow:hidden}.takeover-card-header{align-items:center;border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px}.takeover-phone-info{align-items:center;display:flex;gap:12px}.takeover-icon{font-size:24px}.takeover-phone{font-size:14px;font-weight:700}.takeover-since{color:#888;color:var(--text-muted);font-size:12px}.takeover-badge{background:#ffaa0026;border-radius:20px;color:#fa0;color:var(--warning);font-size:11px;font-weight:600;padding:4px 10px}.takeover-card-body{display:flex;flex-direction:column;gap:8px;padding:16px}.takeover-timer{align-items:center;color:#25d366;color:var(--brand);display:flex;font-size:13px;font-weight:600;gap:8px}.takeover-dates{display:flex;flex-direction:column;gap:4px}.takeover-dates p{color:#888;color:var(--text-muted);font-size:11px}.takeover-card-footer{border-top:1px solid #2a2a2a;border-top:1px solid var(--border);padding:12px 16px}.takeover-card-footer .btn-success{justify-content:center;width:100%}.takeover-list{display:flex;flex-direction:column;gap:8px}.takeover-item{align-items:center;background:#1a1a1a;background:var(--surface-2);border-radius:10px;border-radius:var(--radius-sm);display:flex;font-size:13px;justify-content:space-between;padding:12px 16px}.takeover-phone{font-weight:600}.takeover-time{color:#888;color:var(--text-muted);font-size:12px}.info-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:16px}.info-card{background:#1a1a1a;background:var(--surface-2);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-md);padding:20px;text-align:center}.info-card span{display:block;font-size:28px;margin-bottom:10px}.info-card h4{font-size:14px;font-weight:700;margin-bottom:8px}.info-card p{color:#888;color:var(--text-muted);font-size:12px;line-height:1.5}.manual-takeover-box{background:#141414;background:var(--surface);border:1px solid #25d366;border:1px solid var(--brand);border-radius:14px;border-radius:var(--radius-md);padding:24px;padding:var(--pad)}.manual-takeover-box h3{font-size:16px;margin-bottom:6px}.manual-takeover-box p{color:#888;color:var(--text-muted);font-size:13px;margin-bottom:16px}.manual-takeover-input{display:flex;flex-wrap:wrap;gap:10px}.manual-takeover-input input{background:#0a0a0a;background:var(--bg);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);color:#fff;color:var(--text);flex:1 1;font-family:Segoe UI,sans-serif;font-family:var(--font);font-size:13px;min-width:200px;outline:none;padding:10px 14px;transition:border .2s ease;transition:border var(--transition)}.manual-takeover-input input:focus{border-color:#25d366;border-color:var(--brand)}.settings-section{display:flex;flex-direction:column;gap:12px}.settings-section h3{color:#888;color:var(--text-muted);font-size:15px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.settings-card{background:#141414;background:var(--surface);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:16px;padding:24px;padding:var(--pad)}.danger-card{border-color:#f44;border-color:var(--danger)}.settings-row{align-items:center;border-bottom:1px solid #1f1f1f;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:8px 0}.settings-row:last-child{border-bottom:none}.settings-label{color:#888;color:var(--text-muted);font-size:13px;font-weight:500}.settings-value{font-size:13px;font-weight:600}.settings-note{background:#ffaa001a;border:1px solid #ffaa004d;border-radius:10px;border-radius:var(--radius-sm);color:#fa0;color:var(--warning);font-size:13px;line-height:1.5;padding:12px 16px}.settings-note code{background:#ffffff1a;border-radius:4px;font-size:12px;padding:2px 6px}.settings-form{display:flex;flex-direction:column;gap:12px}.checkbox-label{align-items:center;color:#888;color:var(--text-muted);cursor:pointer;display:flex;font-size:13px;gap:8px}.success-box{background:#1a3a2a;background:var(--brand-bg);border:1px solid #25d366;border:1px solid var(--brand);border-radius:10px;border-radius:var(--radius-sm);padding:12px 16px}.success-box pre{color:#25d366;color:var(--brand);font-family:monospace;font-size:12px;white-space:pre-wrap;word-break:break-all}.login-page{align-items:center;background:#0a0a0a;background:var(--bg);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-box{background:#141414;background:var(--surface);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-md);max-width:400px;padding:40px;width:100%}.login-logo{margin-bottom:32px;text-align:center}.login-logo h1{font-size:36px;font-weight:800;letter-spacing:-1px}.login-logo h1 span{color:#25d366;color:var(--brand)}.login-logo p{color:#888;color:var(--text-muted);font-size:14px;margin-top:6px}.login-form{display:flex;flex-direction:column;gap:14px}.input-group{align-items:center;background:#0a0a0a;background:var(--bg);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);display:flex;gap:10px;padding:10px 14px;transition:border .2s ease;transition:border var(--transition)}.input-group:focus-within{border-color:#25d366;border-color:var(--brand)}.input-icon{flex-shrink:0;font-size:16px}.input-group input{background:none;border:none;color:#fff;color:var(--text);flex:1 1;font-family:Segoe UI,sans-serif;font-family:var(--font);font-size:14px;outline:none}.password-toggle{background:none;border:none;cursor:pointer;flex-shrink:0;font-size:16px;padding:0}.login-btn{background:#25d366;background:var(--brand);border:none;border-radius:10px;border-radius:var(--radius-sm);color:#000;cursor:pointer;font-family:Segoe UI,sans-serif;font-family:var(--font);font-size:15px;font-weight:700;margin-top:4px;padding:13px;transition:background .2s ease;transition:background var(--transition);width:100%}.login-btn:hover:not(:disabled){background:#1ead50;background:var(--brand-dark)}.login-btn:disabled{cursor:not-allowed;opacity:.7}.login-footer{color:#888;color:var(--text-muted);font-size:12px;margin-top:24px;text-align:center}.error-box{align-items:center;background:#2a1a1a;background:var(--danger-bg);border:1px solid #f44;border:1px solid var(--danger);border-radius:10px;border-radius:var(--radius-sm);display:flex;gap:8px;padding:10px 14px}.error,.error-box{color:#f44;color:var(--danger);font-size:13px}.page-loading{align-items:center;color:#888;color:var(--text-muted);display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:300px}.spinner{border:2px solid #ffffff4d;border-radius:50%;border-top-color:#000;display:inline-block;height:16px;width:16px}.spinner,.spinner-large{animation:spin .7s linear infinite}.spinner-large{border:3px solid #2a2a2a;border-top-color:#25d366;border:3px solid var(--border);border-radius:50%;border-top-color:var(--brand);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.btn-loading{justify-content:center}.btn-loading,.empty-state{align-items:center;display:flex;gap:8px}.empty-state{color:#888;color:var(--text-muted);flex-direction:column;padding:40px 20px;text-align:center}.empty-state p:first-child{font-size:36px}.empty-state p{font-size:14px}@media (max-width:768px){.main-content{margin-left:0}.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.menu-toggle,.sidebar-overlay{display:block}.stats-row,.status-row{grid-template-columns:repeat(2,1fr)}.filters-row{flex-direction:column}.filters-row select,.search-box{width:100%}.header-time{display:none}.page-content{padding:16px}.takeover-cards{grid-template-columns:1fr}.info-cards{grid-template-columns:repeat(2,1fr)}.manual-takeover-input{flex-direction:column}}@media (max-width:480px){.stats-row,.status-row{grid-template-columns:1fr 1fr}.info-cards{grid-template-columns:1fr}.login-box{padding:24px 16px}}
/*# sourceMappingURL=main.4ff04082.css.map*/