@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--brand-navy:#081525;--brand-teal:#20d6b0;--brand-blue:#245bdb;--bg:#f4f7fb;--surface:#fff;--text:#14243a;--muted:#475569;--border:#cbd5e1;--primary:#245bdb;--on-primary:#fff;--accent:#20d6b0;--on-accent:#081525;--success:#15803d;--warning:#92400e;--danger:#b91c1c;--info:#1d4ed8;--font-ui:Inter,system-ui,sans-serif;--radius-control:8px;--radius-card:16px}[data-theme=dark]{--bg:#081525;--surface:#112238;--text:#f8fafc;--muted:#cbd5e1;--border:#496078;--primary:#71a5ff;--on-primary:#081525}.nexia-button{background:var(--primary);color:var(--on-primary);border-radius:var(--radius-control);font:600 14px var(--font-ui);border:0;padding:12px 20px}.nexia-button:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.nexia-card{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-card);padding:24px}.nexia-brand-panel{color:#f4faff;background:radial-gradient(at 100% 0,#123d50,#081525 70%)}.nexia-glass-accent{background:#112238d9;border:1px solid #20d6b059;border-radius:16px;box-shadow:0 0 24px #20d6b014}.nexia-logo{object-fit:contain;max-width:100%;height:auto;display:block}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#080f1c;font-family:Inter,sans-serif}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}:root{color:#e8f0fa;font-synthesis:none;background:#080f1c;font-family:Inter,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,select{font:inherit}button{cursor:pointer}.app{background:#080f1c;min-height:100vh;display:flex}.sidebar{background:#0d1727;border-right:1px solid #223047;flex-direction:column;width:265px;min-width:265px;transition:width .2s,min-width .2s;display:flex}.sidebar.collapsed{width:76px;min-width:76px}.brand{align-items:center;gap:12px;padding:27px 21px;display:flex}.brand-icon{color:#07131d;background:linear-gradient(135deg,#24e0b6,#1586d3);border-radius:12px;place-items:center;width:40px;height:40px;font-size:25px;font-weight:800;display:grid}.brand strong{white-space:nowrap;font-size:20px}.brand strong span{color:#2bdfba}.brand small{letter-spacing:2px;color:#7e91a8;margin-top:3px;font-size:9px;display:block}nav{flex:1;padding:12px}.nav-label{color:#61758e;letter-spacing:2px;margin:10px 13px 17px;font-size:10px}.nav-item{color:#8fa1b8;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:13px;width:100%;margin-bottom:4px;padding:12px 13px;font-size:12px;display:flex}.nav-item:hover{color:#fff;background:#17283d}.nav-item.active{color:#39e6c2;background:#123c43}.sidebar-bottom{color:#7f93a9;border-top:1px solid #223047;align-items:center;gap:9px;padding:22px;font-size:10px;display:flex}.status-dot{background:#27dba9;border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.main{flex:1;min-width:0}.topbar{background:#0b1423;border-bottom:1px solid #223047;justify-content:space-between;align-items:center;height:72px;padding:0 32px;display:flex}.topbar-left,.topbar-right{align-items:center;gap:23px;display:flex}.topbar-right{color:#91a5bd}.icon-button{color:#d7e4f4;background:0 0;border:0}.breadcrumb{color:#d2ddec;font-size:12px}.breadcrumb span{color:#5c708b;margin:0 10px}.avatar{color:#36e4c0;background:#174f5a;border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:grid}.content{max-width:1600px;margin:auto;padding:34px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px;display:flex}.eyebrow{color:#30d9b7;letter-spacing:2px;font-size:10px;font-weight:700}h1{letter-spacing:-.8px;margin:9px 0;font-size:30px}.page-heading p,.panel-heading p{color:#8397af;margin:0;font-size:12px}.environment-tag{color:#29d5ac;background:#10372f;border-radius:8px;align-items:center;gap:9px;padding:10px 13px;font-size:11px;display:flex}.filter-bar{flex-wrap:wrap;gap:12px;margin-bottom:25px;display:flex}.filter-field{color:#c3d2e3;background:#111e30;border:1px solid #26354a;border-radius:9px;align-items:center;gap:12px;padding:13px 16px;font-size:12px;display:flex}.filter-field select{color:#c3d2e3;background:0 0;border:0;outline:none;max-width:260px}.filter-field option{background:#111e30}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:20px;display:grid}.kpi-card{background:linear-gradient(145deg,#142237,#101b2c);border:1px solid #26374c;border-radius:15px;padding:22px}.kpi-top{color:#9dafc5;justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.kpi-value{letter-spacing:-1px;margin:19px 0 12px;font-size:35px;font-weight:800}.kpi-detail{color:#7d91a8;font-size:10px}.dashboard-grid{grid-template-columns:1.5fr 1fr;gap:20px;display:grid}.panel{background:#111d2e;border:1px solid #26374c;border-radius:15px;padding:24px}.panel-heading{justify-content:space-between;align-items:start;gap:15px;display:flex}.panel-heading h2{margin:0 0 8px;font-size:16px}.chart{width:100%;height:270px;margin-top:24px}.legend{color:#9dafc5;justify-content:center;gap:24px;font-size:11px;display:flex}.blue-dot,.green-dot{background:#50a8ff;border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.green-dot{background:#28d9b2}.monitor-list{margin-top:24px}.monitor-list div{border-bottom:1px solid #26354a;align-items:center;gap:12px;padding:17px 0;font-size:12px;display:flex}.monitor-list svg{flex-shrink:0;width:18px}.monitor-list span{flex:1}.monitor-list b{color:#9eb3c9;font-size:10px;font-weight:500}.bottom-banner{background:linear-gradient(90deg,#10362f,#102338);border:1px solid #205b55;border-radius:12px;align-items:center;gap:17px;margin-top:20px;padding:20px 24px;display:flex}.bottom-banner svg{color:#2cdbb6}.bottom-banner div{flex:1}.bottom-banner strong{font-size:13px}.bottom-banner p{color:#88a6ad;margin:5px 0 0;font-size:11px}.bottom-banner>span{color:#2cdbb6;letter-spacing:1px;font-size:10px}.module-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:360px;display:flex}.module-placeholder h2{margin-bottom:0}.module-placeholder p{color:#8ea1b8;font-size:13px}.module-placeholder>span{color:#28d9b2;font-size:12px}.module-icon{color:#28d9b2;background:#153d43;border-radius:16px;padding:20px}@media (width<=1150px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}}@media (width<=700px){.sidebar{width:65px;min-width:65px}.sidebar .brand>div:not(.brand-icon),.sidebar .nav-label,.sidebar .nav-item span,.sidebar-bottom span{display:none}.brand{padding:20px 12px}nav{padding:7px}.nav-item{justify-content:center}.topbar{padding:0 15px}.breadcrumb{font-size:10px}.content{padding:20px 14px}.page-heading{flex-direction:column;align-items:flex-start}.kpi-grid{grid-template-columns:1fr}.environment-tag{font-size:10px}.bottom-banner>span{display:none}}.sidebar nav a.nav-item{text-decoration:none}.sidebar nav a.nav-item:visited{color:#8fa1b8}.sidebar nav a.nav-item:hover,.sidebar nav a.nav-item:hover:visited{color:#fff}.sidebar nav a.nav-item.active,.sidebar nav a.nav-item.active:visited{color:#39e6c2;background:#123c43}.sidebar .brand{justify-content:center;align-items:center;min-height:105px;padding:14px 10px;display:flex;overflow:hidden}.sidebar .brand-logo{object-fit:contain;display:block}.sidebar .brand-logo-horizontal{width:100%;max-width:230px;max-height:90px}.sidebar .brand-logo-symbol{width:48px;height:48px;display:none}.sidebar.collapsed .brand-logo-horizontal{display:none}.sidebar.collapsed .brand-logo-symbol{display:block}@media (width<=700px){.sidebar .brand-logo-horizontal{display:none}.sidebar .brand-logo-symbol{width:44px;height:44px;display:block}.sidebar .brand{min-height:78px;padding:12px 6px}}