: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}[data-theme=light] .glass-card{border:2px solid rgba(124,58,237,.15);box-shadow:0 4px 20px #7c3aed0f}[data-theme=light] .glass-card:hover{border-color:var(--color-primary);box-shadow:0 6px 24px #7c3aed2e}*{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;width:100%;max-width:100vw;overflow-x:hidden}.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:2px solid #2563eb;border-radius:20px;box-shadow:0 0 15px #2563eb59,0 20px 50px #00000080;transition:all .4s cubic-bezier(.16,1,.3,1)}.login-glass-card:hover{transform:translateY(-8px) scale(1.02);border-color:#3b82f6;box-shadow:0 0 25px #2563eb80,0 30px 60px #0009}[data-theme=light] .login-glass-card{background:#fffc;border:2px solid #2563eb;box-shadow:0 0 15px #2563eb33,0 20px 50px #0000001a}[data-theme=light] .login-glass-card:hover{border-color:#3b82f6;box-shadow:0 0 25px #2563eb59,0 30px 60px #00000026}.mobile-header{display:none;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:150;width:100%}.mobile-menu-toggle{background:transparent;border:none;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;transition:background-color .2s}.mobile-menu-toggle:hover{background-color:var(--bg-card-hover)}.mobile-sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;animation:fadeIn .2s ease-out}.bottom-grid{display:flex;gap:1.5rem;margin-top:1.5rem;flex-wrap:wrap}.bottom-grid-left{flex:1;min-width:320px}.bottom-grid-right{flex:1.2;min-width:320px}.leaderboard-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.dashboard-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding:0 4px}.log-item-card{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem}.log-item-name{font-weight:700;color:var(--text-primary);font-size:.95rem}.log-item-meta{font-size:.75rem;color:var(--text-muted);margin-top:2px;font-weight:500}.log-item-right{display:flex;align-items:center;gap:16px}@media screen and (max-width: 768px){.app-container{flex-direction:column}.bottom-grid{flex-direction:column;gap:1.25rem}.bottom-grid-left,.bottom-grid-right{flex:1 1 100%;min-width:0}.mobile-header{display:flex}aside{left:-260px!important;transition:left .3s cubic-bezier(.16,1,.3,1)!important}aside.open{left:0!important}.main-content{margin-left:0!important;padding:1.25rem!important;width:100%!important;max-width:100vw}.monitor-grid-container{grid-template-columns:1fr!important}}@media screen and (max-width: 430px){:root{--card-radius: 12px}body{font-size:14px}h1{font-size:1.4rem!important}p.subtitle{font-size:.8rem!important;margin-bottom:1.25rem!important}.main-content{padding:.75rem!important}.glass-card{padding:1rem!important}.grid-stats{gap:1rem!important;margin-bottom:1.5rem!important;grid-template-columns:1fr!important}.stat-card{gap:.75rem!important;padding:1rem!important}.stat-icon-wrapper{width:42px!important;height:42px!important}.stat-value{font-size:1.5rem!important}input,select,textarea{padding:.6rem .8rem!important;font-size:.85rem!important;border-radius:8px!important}input.input-with-icon{padding-left:3.25rem!important;height:48px!important;font-size:.92rem!important}.login-glass-card svg{left:14px!important;width:18px!important;height:18px!important}.login-glass-card img{max-width:85%!important;margin:0 auto!important}.btn{padding:.6rem 1rem!important;font-size:.85rem!important;border-radius:8px!important}.donutSvg{width:140px!important;height:140px!important}.donutText span:first-child{font-size:1.5rem!important}.login-glass-card{padding:2.25rem 1.5rem!important;width:95%!important;max-width:380px!important;box-shadow:0 0 15px #2563eb59,0 20px 40px #00000080!important}.login-glass-card h1{font-size:1.35rem!important}.login-glass-card p{font-size:.85rem!important}.login-glass-card form{margin-top:1.5rem!important}.login-glass-card .form-group{margin-bottom:1.25rem!important}.login-glass-card button[type=submit]{height:48px!important;font-size:1rem!important;border-radius:10px!important}h2{font-size:1.05rem!important}.leaderboard-body{padding:1rem!important;gap:1rem!important}.dashboard-section-header{flex-wrap:wrap!important;gap:8px!important}.log-item-card{padding:.75rem .85rem!important;gap:8px!important}.log-item-name{font-size:.85rem!important}.log-item-meta{font-size:.68rem!important}.log-item-right{gap:8px!important}}