:root{--bg-primary: #0b1120;--bg-secondary: #080c18;--bg-card: #131b2e;--bg-card-hover: #17223b;--border-color: #1e293b;--text-primary: #ffffff;--text-secondary: #94a3b8;--text-muted: #64748b;--color-primary: #7c3aed;--color-primary-glow: rgba(124, 58, 237, .25);--color-secondary: #a78bfa;--color-success: #10b981;--color-success-glow: rgba(16, 185, 129, .2);--color-warning: #f59e0b;--color-danger: #ef4444;--font-family: "Inter", system-ui, sans-serif;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--shadow-glow: 0 0 15px var(--color-primary-glow);--header-gradient: none;--card-radius: 16px;--input-bg: #0b1120;--input-bg-focus: #17223b;--scrollbar-thumb: rgba(255, 255, 255, .1);--scrollbar-thumb-hover: rgba(255, 255, 255, .2);--donut-track: #152033;--badge-online-bg: #064e3b;--badge-online-color: #ffffff;--badge-online-dot: #10b981;--badge-offline-bg: #1e293b;--badge-offline-color: #ffffff;--badge-offline-dot: #94a3b8;--badge-break-bg: #78350f;--badge-break-color: #ffffff;--badge-break-dot: #fbbf24;--badge-calling-bg: #3b0764;--badge-calling-color: #ffffff;--badge-calling-dot: #a78bfa;--badge-success-bg: #083344;--badge-success-color: #22d3ee;--badge-pending-bg: #78350f;--badge-pending-color: #fbbf24;--badge-missed-bg: #450a0a;--badge-missed-color: #fda4af;--badge-follow-bg: #310a5d;--badge-follow-color: #c084fc;--logo-text-color: #ffffff}[data-theme=light]{--bg-primary: #eff1f5;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f8fafc;--border-color: #e2e8f0;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--color-primary: #7c3aed;--color-primary-glow: rgba(124, 58, 237, .15);--color-secondary: #8b5cf6;--color-success: #10b981;--color-success-glow: rgba(16, 185, 129, .1);--color-warning: #d97706;--color-danger: #dc2626;--shadow-sm: 0 4px 20px rgba(0, 0, 0, .03);--shadow-md: 0 10px 30px rgba(0, 0, 0, .05);--shadow-glow: 0 0 12px rgba(124, 58, 237, .15);--header-gradient: none;--card-radius: 24px;--input-bg: #f1f5f9;--input-bg-focus: #e2e8f0;--scrollbar-thumb: rgba(0, 0, 0, .1);--scrollbar-thumb-hover: rgba(0, 0, 0, .2);--donut-track: #e2e8f0;--badge-online-bg: rgba(5, 150, 105, .12);--badge-online-color: #047857;--badge-online-dot: #059669;--badge-offline-bg: rgba(107, 114, 128, .12);--badge-offline-color: #4b5563;--badge-offline-dot: #6b7280;--badge-break-bg: rgba(217, 119, 6, .12);--badge-break-color: #b45309;--badge-break-dot: #d97706;--badge-calling-bg: rgba(124, 58, 237, .12);--badge-calling-color: #6d28d9;--badge-calling-dot: #7c3aed;--badge-success-bg: rgba(5, 150, 105, .12);--badge-success-color: #047857;--badge-pending-bg: rgba(217, 119, 6, .12);--badge-pending-color: #b45309;--badge-missed-bg: rgba(220, 38, 38, .12);--badge-missed-color: #b91c1c;--badge-follow-bg: rgba(139, 92, 246, .12);--badge-follow-color: #6d28d9;--logo-text-color: #0f2d59}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.app-container{display:flex;min-height:100vh;position:relative}.main-content{flex:1;padding:2rem;margin-left:260px;min-width:0}.grid-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem}.grid-charts{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:2rem}@media (max-width: 1024px){.grid-charts{grid-template-columns:1fr}}.glass-card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--card-radius);padding:1.5rem;box-shadow:var(--shadow-sm);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background-color .3s ease}.glass-card:hover{transform:translateY(-2px);border-color:#7c3aed33;background:var(--bg-card-hover);box-shadow:var(--shadow-md)}.stat-card{display:flex;align-items:center;gap:1.25rem}.stat-icon-wrapper{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:12px;background:#ffffff0d}.stat-info{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.85rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1.2}h1{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}@supports (background-clip: text) or (-webkit-background-clip: text){h1{background:var(--header-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}}p.subtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:.95rem}h2{font-size:1.25rem;font-weight:600;margin-bottom:1.25rem;color:var(--text-primary)}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}label{font-size:.85rem;font-weight:500;color:var(--text-secondary)}input,select,textarea{background:var(--input-bg);border:1px solid var(--border-color);border-radius:12px;padding:.75rem 1rem;color:var(--text-primary);font-family:inherit;font-size:.9rem;outline:none;transition:border-color .2s,background-color .2s}select option{background-color:var(--bg-secondary);color:var(--text-primary)}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);background:var(--input-bg-focus)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:12px;font-weight:600;font-size:.9rem;cursor:pointer;border:none;transition:all .2s}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-secondary{background:#ffffff14;color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:#ffffff26}table{width:100%;border-collapse:collapse;margin-top:1rem;font-size:.9rem}th{text-align:left;padding:1rem;color:var(--text-secondary);font-weight:600;border-bottom:1px solid var(--border-color)}td{padding:1rem;border-bottom:1px solid var(--border-color);color:var(--text-primary)}tr:hover td{background:#ffffff05}.badge{display:inline-flex;align-items:center;padding:.25rem .6rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-online{background:var(--badge-online-bg);color:var(--badge-online-color)}.badge-offline{background:var(--badge-offline-bg);color:var(--badge-offline-color)}.badge-break{background:var(--badge-break-bg);color:var(--badge-break-color)}.badge-calling{background:var(--badge-calling-bg);color:var(--badge-calling-color)}.badge-success{background:var(--badge-success-bg);color:var(--badge-success-color)}.badge-pending{background:var(--badge-pending-bg);color:var(--badge-pending-color)}.badge-missed{background:var(--badge-missed-bg);color:var(--badge-missed-color)}.badge-follow_up{background:var(--badge-follow-bg);color:var(--badge-follow-color)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}.dot-online{background-color:var(--badge-online-dot);box-shadow:0 0 8px var(--badge-online-dot)}.dot-offline{background-color:var(--badge-offline-dot)}.dot-break{background-color:var(--badge-break-dot);box-shadow:0 0 8px var(--badge-break-dot)}.dot-calling{background-color:var(--badge-calling-dot);box-shadow:0 0 8px var(--badge-calling-dot)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;width:90%;max-width:500px;padding:2rem;box-shadow:var(--shadow-md)}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.login-glass-card{background:#131b2eb3;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 20px 50px #00000080,inset 0 1px #ffffff1a;transition:all .4s cubic-bezier(.16,1,.3,1)}.login-glass-card:hover{transform:translateY(-8px) scale(1.02);border-color:#7c3aed66;box-shadow:0 30px 60px #7c3aed40,0 0 40px #7c3aed26,inset 0 1px #fff3}[data-theme=light] .login-glass-card{background:#fffc;border:1px solid rgba(0,0,0,.06);box-shadow:0 20px 50px #0000001a,inset 0 1px #ffffff80}[data-theme=light] .login-glass-card:hover{border-color:#7c3aed4d;box-shadow:0 30px 60px #7c3aed26,0 0 40px #7c3aed1a,inset 0 1px #fff9}