:root { color-scheme: dark; --bg:#080d19; --panel:rgba(255,255,255,.045); --border:rgba(167,139,250,.14); --violet:#8b5cf6; --text:#f7f8fb; --muted:#8f9ab0; }
*{box-sizing:border-box} html,body{margin:0;min-height:100%;background:#080d19;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif} a{text-decoration:none;color:inherit} button,select{font:inherit}
body{background:radial-gradient(circle at 75% 5%,rgba(124,58,237,.13),transparent 28%),radial-gradient(circle at 18% 42%,rgba(76,29,149,.09),transparent 28%),linear-gradient(135deg,#070c17 0%,#0d1422 48%,#090d19 100%)}
.portal-root{min-height:100vh}.sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:244px;padding:20px 14px;background:rgba(6,10,20,.93);border-right:1px solid rgba(255,255,255,.06);backdrop-filter:blur(18px);display:flex;flex-direction:column}.brand-row{display:flex;align-items:center;gap:11px;padding:6px 8px 20px}.brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-weight:900;letter-spacing:-1px;background:linear-gradient(135deg,#7c3aed,#4f46e5);box-shadow:0 10px 35px rgba(124,58,237,.3)}.brand-name{font-size:13px;font-weight:800}.brand-sub{font-size:9px;letter-spacing:2px;color:#9a7cff;margin-top:2px}.nav-list{display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:11px;color:#929db2;font-size:13px;transition:.2s}.nav-item:hover,.nav-item.active{background:linear-gradient(90deg,rgba(124,58,237,.18),rgba(124,58,237,.05));color:white}.nav-item.active{box-shadow:inset 2px 0 #8b5cf6}.nav-item small{margin-left:auto;font-size:9px;color:#625d70}.nav-disabled{opacity:.55;cursor:default}.sidebar-foot{margin-top:auto;font-size:10px;color:#5f687a;padding:12px}.main-stage{margin-left:244px;min-height:100vh}.page-wrap{max-width:1480px;margin:0 auto;padding:34px 34px 60px}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2.4px;color:#a78bfa;margin-bottom:7px}.topbar h1{margin:0;font-size:34px;letter-spacing:-1.1px}.topbar p{margin:7px 0 0;color:var(--muted);font-size:14px}.top-actions{display:flex;align-items:center;gap:12px}.wave{display:inline-block;animation:float 1.7s ease-in-out infinite}@keyframes float{50%{transform:translateY(-4px)}}
.view-toggle{display:flex;padding:4px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);border-radius:12px}.view-toggle button{border:0;background:transparent;color:#8893a8;padding:8px 12px;border-radius:9px;cursor:pointer;font-size:12px;font-weight:700}.view-toggle button.selected{background:linear-gradient(135deg,#7c3aed,#5b21b6);color:white;box-shadow:0 5px 18px rgba(124,58,237,.25)}.avatar-small{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:linear-gradient(135deg,rgba(139,92,246,.25),rgba(79,70,229,.22));border:2px solid rgba(167,139,250,.28)}
.glass-card{background:linear-gradient(135deg,rgba(255,255,255,.052),rgba(255,255,255,.022));border:1px solid var(--border);box-shadow:0 18px 60px rgba(0,0,0,.2);backdrop-filter:blur(18px);border-radius:18px}.demo-banner{padding:10px 14px;margin-bottom:18px;border-radius:12px;border:1px solid rgba(59,130,246,.25);background:rgba(59,130,246,.08);font-size:12px;color:#aeb9ca}.demo-banner span{font-weight:800;color:#93c5fd;margin-right:8px}.agent-card{position:relative;padding:22px;display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;overflow:hidden}.agent-card:after{content:"";position:absolute;right:-70px;top:-100px;width:260px;height:260px;border-radius:50%;background:rgba(124,58,237,.12);filter:blur(30px);pointer-events:none}.agent-photo{width:104px;height:104px;border-radius:50%;display:grid;place-items:center;font-size:30px;font-weight:900;background:linear-gradient(135deg,#37205e,#22295a);border:3px solid rgba(167,139,250,.27);box-shadow:0 12px 35px rgba(0,0,0,.35)}.section-kicker{display:flex;align-items:center;gap:7px;color:#b7a1ff;font-size:12px;font-weight:800}.agent-meta h2{font-size:22px;margin:7px 0 14px}.agent-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:15px}.agent-grid small{display:block;text-transform:uppercase;font-size:9px;letter-spacing:1.2px;color:#657084;margin-bottom:4px}.agent-grid strong{font-size:12px;color:#dce1eb;word-break:break-word}.online-pill,.live-pill{position:relative;z-index:1;display:flex;align-items:center;gap:7px;color:#6ee7b7;background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.22);padding:8px 11px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.4px}.online-pill span,.live-pill span{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 12px #34d399}
.section-title{display:flex;align-items:center;gap:9px;margin:28px 2px 14px}.section-title h2{font-size:19px;margin:0}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.kpi-card{padding:18px;min-height:132px;display:flex;flex-direction:column;justify-content:center}.icon-box{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:#c4b5fd;background:rgba(139,92,246,.11);margin-bottom:12px}.icon-box svg{width:18px}.kpi-card strong{font-size:28px;letter-spacing:-1px}.kpi-card span{font-size:11px;color:#8792a7;margin-top:4px}.micro-metrics{display:flex;gap:20px;margin-top:10px;color:#6f7a90;font-size:11px}.micro-metrics b{color:#cbd3df;margin-left:5px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.quick-card{min-height:105px;padding:18px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;transition:.2s}.quick-card:hover{transform:translateY(-2px);border-color:rgba(167,139,250,.32);background:rgba(255,255,255,.055)}.muted-link{cursor:default}.quick-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(124,58,237,.12);color:#a78bfa}.quick-icon svg{width:19px}.quick-card strong{display:block;font-size:13px}.quick-card span{display:block;font-size:10px;color:#768196;margin-top:4px}.day-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.day-card{padding:17px}.day-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;margin-bottom:12px}.day-icon svg{width:17px}.day-card strong{display:block;font-size:26px}.day-card span{font-size:10px;color:#8994a8}.tone-red .day-icon{color:#fb7185;background:rgba(244,63,94,.09)}.tone-red strong{color:#fb7185}.tone-amber .day-icon{color:#fbbf24;background:rgba(245,158,11,.09)}.tone-amber strong{color:#fbbf24}.tone-blue .day-icon{color:#60a5fa;background:rgba(59,130,246,.09)}.tone-blue strong{color:#60a5fa}.tone-green .day-icon{color:#34d399;background:rgba(16,185,129,.09)}.tone-green strong{color:#34d399}.portal-footer{display:flex;align-items:center;gap:8px;border-top:1px solid rgba(255,255,255,.055);margin-top:32px;padding:20px 3px 0;color:#606b7e;font-size:10px}
.command-head{align-items:center}.filter-row{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);font-size:11px;color:#7f899d}.filter-row label{font-weight:800;color:#aeb6c4}.filter-row select{background:#111827;color:white;border:1px solid rgba(255,255,255,.08);padding:8px 30px 8px 10px;border-radius:9px}.wide-card{padding:20px;margin-top:14px}.card-title{display:flex;align-items:center;gap:10px;margin-bottom:17px;color:#a78bfa}.card-title div{display:flex;flex-direction:column}.card-title strong{color:#f1f3f7;font-size:14px}.card-title span{color:#727d91;font-size:10px;margin-top:3px}.activity-placeholder{height:210px;position:relative;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;border-radius:12px;background:linear-gradient(180deg,rgba(139,92,246,.035),transparent)}.activity-placeholder:before,.activity-placeholder:after{content:"";position:absolute;left:0;right:0;height:1px;background:rgba(255,255,255,.04)}.activity-placeholder:before{top:34%}.activity-placeholder:after{top:68%}.activity-line{position:absolute;left:4%;right:4%;bottom:28%;height:72px;border-top:2px solid rgba(139,92,246,.55);border-radius:50% 30% 40% 60%;transform:skewY(-4deg)}.activity-line.second{bottom:14%;height:45px;border-color:rgba(59,130,246,.25);transform:skewY(3deg)}.activity-placeholder span{position:relative;z-index:2;margin-bottom:18px;color:#5d687d;font-size:10px}.agent-performance-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.agent-performance{padding:15px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05);display:grid;grid-template-columns:auto 1fr;column-gap:12px}.agent-badge{grid-row:1/3;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(139,92,246,.14);color:#c4b5fd;font-size:11px;font-weight:900}.agent-name{font-weight:800;font-size:13px}.stat-pair{grid-column:2;display:grid;grid-template-columns:repeat(2,1fr);gap:5px 16px;margin-top:8px}.stat-pair span{font-size:9px;color:#727d90;display:flex;justify-content:space-between}.stat-pair b{color:#dce1e9}.pipeline-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.pipeline-stage{min-height:82px;padding:11px;border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.02)}.pipeline-stage span{font-size:9px;color:#a5afc0;line-height:1.25}.pipeline-stage b{font-size:22px}.pipeline-stage.tone-violet{border-color:rgba(139,92,246,.22)}.pipeline-stage.tone-amber{border-color:rgba(245,158,11,.22)}.pipeline-stage.tone-green{border-color:rgba(16,185,129,.22)}.pipeline-stage.tone-red{border-color:rgba(244,63,94,.22)}.alerts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.alert-row{padding:14px;border-radius:13px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:space-between;gap:14px}.alert-row strong{display:block;font-size:11px}.alert-row span{display:block;color:#6f7a8f;font-size:9px;margin-top:4px}.alert-row>b{font-size:21px}.severity-high>b{color:#fb7185}.severity-medium>b{color:#fbbf24}.severity-low>b{color:#60a5fa}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.carrier-list{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.carrier-list>div{padding:13px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05)}.carrier-list span,.carrier-list b,.carrier-list small{display:block}.carrier-list span{font-size:10px;color:#9ba5b7}.carrier-list b{font-size:13px;margin-top:7px}.carrier-list small{font-size:9px;color:#746f8b;margin-top:4px}.empty-state{min-height:110px;display:grid;place-items:center;text-align:center;color:#5f6b7f;font-size:10px}.state-list>div{display:grid;grid-template-columns:38px 1fr 30px;gap:8px;align-items:center;margin:9px 0;font-size:10px}.state-list>div>div{height:8px;border-radius:999px;background:rgba(255,255,255,.035);overflow:hidden}.state-list i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c3aed,#a78bfa)}.center-message{min-height:100vh;display:grid;place-items:center;text-align:center;color:#8e9aaf;padding:30px}.center-message h2{color:white}.mobile-menu,.sidebar-close,.scrim{display:none}
@media(max-width:1050px){.pipeline-grid{grid-template-columns:repeat(3,1fr)}.kpi-grid{grid-template-columns:repeat(2,1fr)}.quick-grid{grid-template-columns:repeat(2,1fr)}.agent-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}}
@media(max-width:760px){.sidebar{transform:translateX(-105%);transition:.25s}.sidebar.open{transform:translateX(0)}.main-stage{margin-left:0}.page-wrap{padding:72px 16px 38px}.mobile-menu{display:grid;place-items:center;position:fixed;z-index:40;left:15px;top:15px;width:40px;height:40px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#111827;color:white}.sidebar-close{display:block;margin-left:auto;border:0;background:none;color:#788399}.scrim{display:block;position:fixed;z-index:25;inset:0;border:0;background:rgba(0,0,0,.55)}.topbar{align-items:flex-start;flex-direction:column}.top-actions{width:100%;justify-content:space-between}.agent-card{grid-template-columns:1fr;text-align:center}.agent-photo{margin:auto}.agent-grid{grid-template-columns:repeat(2,1fr);text-align:left}.online-pill{justify-self:center}.quick-grid,.day-grid,.alerts-grid,.agent-performance-grid,.carrier-list{grid-template-columns:1fr}.pipeline-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.micro-metrics{flex-direction:column;gap:4px}.view-toggle{width:100%}.view-toggle button{flex:1}}
.data-banner{padding:10px 14px;margin-bottom:18px;border-radius:12px;border:1px solid rgba(16,185,129,.22);background:rgba(16,185,129,.07);font-size:12px;color:#aeb9ca}.data-banner span{font-weight:800;color:#6ee7b7;margin-right:8px}.data-banner.partial{border-color:rgba(245,158,11,.24);background:rgba(245,158,11,.07)}.data-banner.partial span{color:#fbbf24}.inline-error{padding:9px 12px;margin-bottom:14px;border-radius:10px;background:rgba(244,63,94,.08);border:1px solid rgba(244,63,94,.18);color:#fda4af;font-size:11px}.is-refreshing .kpi-card,.is-refreshing .wide-card{opacity:.72;transition:opacity .18s}.view-toggle button:disabled,.filter-row select:disabled{cursor:wait;opacity:.7}
.nav-item{border:0;width:100%;background:transparent;text-align:left}.nav-item:not(.nav-disabled){cursor:pointer}.loading-overlay{position:fixed;inset:0;background:rgba(7,12,23,.42);z-index:60;display:none;place-items:center;backdrop-filter:blur(2px)}.loading-overlay.show{display:grid}.loading-chip{padding:12px 18px;border-radius:999px;background:#111827;border:1px solid rgba(167,139,250,.22);color:#c4b5fd;font-size:12px;font-weight:800}.symbol{font-size:18px;line-height:1}.brand-row button{font-family:inherit}.agent-badge{font-size:11px}.filter-row select:disabled,.view-toggle button:disabled{opacity:.65;cursor:wait}