@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--font-main:"Inter", sans-serif;--bg-page:#f1f5f9;--bg-surface:#fff;--bg-muted:#f8fafc;--bg-hover:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-disabled:#cbd5e1;--border-default:#e2e8f0;--border-strong:#cbd5e1;--border-focus:#3b82f6;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-light:#eff6ff;--accent-border:#bfdbfe;--color-green:#16a34a;--color-green-light:#f0fdf4;--color-green-border:#bbf7d0;--color-red:#dc2626;--color-red-light:#fef2f2;--color-red-border:#fecaca;--color-amber:#d97706;--color-amber-light:#fffbeb;--color-amber-border:#fde68a;--color-teal:#0891b2;--color-teal-light:#ecfeff;--color-teal-border:#a5f3fc;--color-pink:#db2777;--color-pink-light:#fdf2f8;--color-pink-border:#fbcfe8;--neon-cyan:#0891b2;--neon-blue:#2563eb;--neon-green:#16a34a;--neon-yellow:#d97706;--neon-red:#dc2626;--neon-pink:#db2777;--card-bg:#fff;--card-border:#e2e8f0;--card-hover-border:#94a3b8;--sidebar-width:248px;--shadow-xs:0 1px 2px #0f172a0f;--shadow-sm:0 1px 3px #0f172a14, 0 1px 2px #0f172a0a;--shadow-md:0 4px 12px #0f172a14, 0 2px 4px #0f172a0a;--shadow-lg:0 10px 24px #0f172a1a, 0 4px 8px #0f172a0a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font-main);background-color:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5;overflow:hidden}.glow-container,.glow-cyan,.glow-blue,.glow-pink{display:none}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass-panel{background:var(--bg-surface);border:1px solid var(--border-default);box-shadow:var(--shadow-sm);border-radius:12px;transition:border-color .15s,box-shadow .15s}.glass-panel-hover{cursor:pointer}.glass-panel-hover:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.glass-input{background:var(--bg-surface);border:1px solid var(--border-default);width:100%;color:var(--text-primary);font-family:var(--font-main);box-shadow:var(--shadow-xs);border-radius:8px;outline:none;padding:9px 13px;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.glass-input::placeholder{color:var(--text-muted)}.glass-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #2563eb1f}.glass-input:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-muted)}.glass-input option{background:var(--bg-surface);color:var(--text-primary)}.btn-primary{background:var(--accent);color:#fff;font-family:var(--font-main);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:9px 18px;font-size:13.5px;font-weight:600;transition:background .15s,box-shadow .15s,transform .1s;display:inline-flex;box-shadow:0 1px 3px #2563eb4d,0 1px 2px #0000000f}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 4px 12px #2563eb59}.btn-primary:active{transform:scale(.97)}.btn-secondary{background:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-primary);font-family:var(--font-main);cursor:pointer;box-shadow:var(--shadow-xs);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:9px 18px;font-size:13.5px;font-weight:500;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.btn-secondary:hover{background:var(--bg-muted);border-color:var(--border-strong)}.btn-secondary:active{transform:scale(.97)}.btn-danger{background:var(--color-red);color:#fff;font-family:var(--font-main);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:9px 18px;font-size:13.5px;font-weight:600;transition:background .15s,box-shadow .15s,transform .1s;display:inline-flex;box-shadow:0 1px 3px #dc262640}.btn-danger:hover{background:#b91c1c;box-shadow:0 4px 12px #dc26264d}.btn-danger:active{transform:scale(.97)}.dashboard-container{background:var(--bg-page);width:100vw;height:100vh;display:flex}.main-content{flex-direction:column;flex:1;height:100vh;padding:28px 32px;display:flex;overflow-y:auto}.page-header{margin-bottom:28px}.page-title{letter-spacing:-.3px;color:var(--text-primary);font-size:22px;font-weight:700}.page-subtitle{color:var(--text-muted);margin-top:3px;font-size:13px}.list-card-item{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;transition:border-color .15s,background .15s;display:flex}.list-card-item:hover{background:var(--bg-muted);border-color:var(--border-strong)}.avatar-badge{border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:flex}.metric-card{cursor:pointer;align-items:center;gap:14px;padding:18px 20px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.metric-card:hover{transform:translateY(-2px)}.metric-card-registered:hover{border-color:var(--color-green)!important;box-shadow:0 8px 20px #16a34a1a!important}.metric-card-extension:hover{border-color:var(--color-teal)!important;box-shadow:0 8px 20px #0891b21a!important}.metric-card-history:hover{border-color:var(--accent)!important;box-shadow:0 8px 20px #2563eb1a!important}.metric-card-contacts:hover{border-color:var(--color-pink)!important;box-shadow:0 8px 20px #db27771a!important}.premium-list-item{border-left:3px solid #0000!important;transition:border-left-color .15s,background .15s!important}.premium-list-item:hover{background:var(--bg-muted)!important}.premium-list-item-incoming:hover{border-left-color:var(--color-green)!important}.premium-list-item-outgoing:hover{border-left-color:var(--accent)!important}.premium-list-item-missed:hover{border-left-color:var(--color-red)!important}.premium-list-item-online:hover{border-left-color:var(--color-green)!important}.premium-list-item-busy:hover{border-left-color:var(--color-red)!important}.premium-list-item-offline:hover{border-left-color:var(--border-strong)!important}@keyframes pulseRing{0%{box-shadow:0 0 #2563eb40}70%{box-shadow:0 0 0 10px #2563eb00}to{box-shadow:0 0 #2563eb00}}.ringing-glow{animation:1.5s ease-out infinite pulseRing}@keyframes recPulse{0%,to{opacity:.3}50%{opacity:1}}.rec-pulse-dot{background:var(--color-red);border-radius:50%;width:8px;height:8px;animation:1s infinite recPulse}@keyframes soundWave{0%,to{height:4px}50%{height:22px}}.sound-wave{align-items:center;gap:3px;height:26px;display:flex}.sound-wave span{background:var(--accent);border-radius:2px;width:3px;animation:1.2s ease-in-out infinite soundWave;display:block}.sound-wave span:first-child{animation-delay:.1s}.sound-wave span:nth-child(2){animation-delay:.25s}.sound-wave span:nth-child(3){animation-delay:.4s}.sound-wave span:nth-child(4){animation-delay:.15s}.sound-wave span:nth-child(5){animation-delay:.35s}.sound-wave span:nth-child(6){animation-delay:.2s}.sound-wave span:nth-child(7){animation-delay:.45s}.sound-wave span:nth-child(8){animation-delay:.3s}.dialpad-btn{cursor:pointer;width:64px;height:64px;font-family:var(--font-main);flex-direction:column;justify-content:center;align-items:center;margin:0 auto;display:flex;background:var(--bg-muted)!important;border:1px solid var(--border-default)!important;color:var(--text-primary)!important;box-shadow:var(--shadow-xs)!important;border-radius:50%!important;transition:all .12s!important}.dialpad-btn:hover{background:var(--accent-light)!important;border-color:var(--accent-border)!important;color:var(--accent)!important;box-shadow:var(--shadow-sm)!important;transform:scale(1.06)!important}.dialpad-btn:active{background:var(--accent-light)!important;transform:scale(.94)!important}.sidebar-link-text{font-size:13.5px}.sidebar-link-active .sidebar-link-text{color:var(--accent);font-weight:600}