@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#d9e7f5;font-synthesis:none;background:#07111f;font-family:DM Sans,sans-serif}*{box-sizing:border-box}.toast{z-index:20;color:#dff8ff;background:#12334a;border:1px solid #2b6f8d;border-radius:10px;padding:11px 15px;font-size:13px;position:fixed;top:18px;right:18px;box-shadow:0 10px 30px #0005}.avatar{cursor:pointer;border:0}.login-gate{color:#d9e7f5;background:#07111f;place-items:center;min-height:100vh;padding:20px;display:grid}.login-panel{background:#0a1727;border:1px solid #1e3851;border-radius:18px;width:min(390px,100%);padding:32px;box-shadow:0 22px 70px #0006}.login-panel .brand-mark{background:#0c7895;border-radius:14px;place-items:center;width:48px;height:48px;margin:0 auto 16px;display:grid}.login-panel h1{text-align:center;margin:0 0 8px;font-size:24px}.login-panel p{text-align:center;color:#91a9be;margin:0 0 24px}.login-panel label{color:#b8cad8;gap:7px;margin:14px 0;font-size:13px;display:grid}.login-panel input{color:#fff;background:#07111f;border:1px solid #29435a;border-radius:9px;width:100%;padding:11px}.login-panel button{color:#03121d;background:#19b8d3;border:0;border-radius:9px;width:100%;margin-top:10px;padding:12px;font-weight:700}.login-error{color:#ffb4c0;background:#4c1d2b;border-radius:8px;padding:10px;font-size:13px}body{min-width:320px;margin:0}.app-shell{background:#07111f;min-height:100vh;display:flex}.sidebar{background:#0a1727;border-right:1px solid #172c42;flex-direction:column;flex:0 0 230px;width:230px;padding:25px 16px 18px;display:flex}.brand{align-items:center;gap:10px;padding:0 10px 35px;display:flex;position:relative}.brand-mark{color:#061423;background:#39d98a;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.brand b,.brand span{font-family:Space Grotesk;line-height:1.05;display:block}.brand b{letter-spacing:1.5px;color:#f4f8fb;font-size:15px}.brand span{letter-spacing:2px;color:#7f9ab4;margin-top:4px;font-size:8px}.nav-label{color:#617b94;letter-spacing:1.5px;margin-top:8px;padding:0 12px 10px;font-size:10px;font-weight:700}.nav-item{color:#88a1b8;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;width:100%;margin-bottom:3px;padding:11px 12px;font:500 13px DM Sans;display:flex}.nav-item:hover,.nav-item.active{color:#eef7ff;background:#132a41}.nav-item.active{box-shadow:inset 3px 0 #39d98a}.nav-item span{color:#9db7cb;background:#1d3a54;border-radius:10px;margin-left:auto;padding:2px 7px;font-size:10px}.nav-item .alert-count{color:#ffd2c1;background:#a65035}.sidebar-foot{border-top:1px solid #172c42;margin-top:auto;padding:16px 10px 0}.pulse{color:#9bb7c9;align-items:center;gap:7px;font-size:11px;display:flex}.pulse i,.live i,.footer-dot{background:#39d98a;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #153b38}.sidebar-foot small{color:#58728c;margin-top:11px;font-size:10px;display:block}.main{flex:1;min-width:0;max-width:1600px;margin:0 auto;padding:30px 38px 22px}header{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.eyebrow{color:#6f89a3;letter-spacing:1.5px;margin:0 0 8px;font-size:10px;font-weight:700}h1,h2{color:#f2f7fb;margin:0;font-family:Space Grotesk}h1{letter-spacing:-.6px;font-size:27px}h1 span{color:#39d98a;font-size:20px}h2{font-size:17px}.header-actions{align-items:center;gap:17px;display:flex}.live{color:#94b5bd;align-items:center;gap:9px;font-size:12px;display:flex}.icon-btn,.more{color:#8da7bd;cursor:pointer;background:0 0;border:0;position:relative}.icon-btn em{color:#fff;background:#ef7951;border-radius:10px;padding:2px 5px;font:700 9px DM Sans;position:absolute;top:-6px;right:-6px}.avatar{color:#b8dcf2;background:#224267;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.scope{background:#0d1d2e;border:1px solid #1a344c;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:13px 16px;display:flex}.scope>div{color:#4bd9a1;align-items:center;gap:12px;display:flex}.scope b,.scope span{display:block}.scope b{color:#cbdcea;font-size:13px}.scope span{color:#7893aa;margin-top:3px;font-size:11px}.scope-btn{color:#a5bdd0;background:#142b42;border:1px solid #23435f;border-radius:7px;align-items:center;gap:8px;padding:8px 10px;font-size:11px;display:flex}.stats{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:20px;display:grid}.stat,.card{background:#0d1c2c;border:1px solid #1a344c;border-radius:11px}.stat{gap:13px;padding:16px;display:flex}.stat-icon{border-radius:9px;place-items:center;width:35px;height:35px;display:grid}.stat-icon svg{width:17px}.stat-icon.blue{color:#5dbfff;background:#16334a}.stat-icon.green{color:#4adea0;background:#13392f}.stat-icon.orange{color:#f49b6f;background:#3e2b25}.stat-icon.purple{color:#b09afa;background:#2d2946}.stat span,.stat small{color:#7792a9;font-size:11px;display:block}.stat strong{color:#edf5fa;margin:3px 0;font:600 25px Space Grotesk;display:block}.stat small{color:#638096;font-size:10px}.grid-main{grid-template-columns:1.05fr .95fr;gap:20px;margin-bottom:20px;display:grid}.card{padding:20px}.card-head{justify-content:space-between;align-items:flex-start;display:flex}.head-count{color:#f0a17b;background:#3c2a27;border-radius:10px;margin-left:6px;padding:3px 7px;font:600 11px DM Sans}.link-btn{color:#52dca6;cursor:pointer;background:0 0;border:0;font-size:11px}.link-btn span{margin-left:5px;font-size:16px}.health-content{align-items:center;gap:30px;margin:24px 0;display:flex}.ring{background:conic-gradient(#39d98a 0 57%,#e69562 57% 86%,#dd5d5b 86% 100%);border-radius:50%;place-items:center;width:138px;height:138px;display:grid}.ring:after{content:"";background:#0d1c2c;border-radius:50%;width:102px;height:102px;position:absolute}.ring div{z-index:1;text-align:center}.ring strong,.ring span{display:block}.ring strong{color:#eff7fb;font:600 24px Space Grotesk}.ring span{color:#7d96a8;margin-top:3px;font-size:10px}.health-legend{flex:1}.legend{color:#94aabd;grid-template-columns:10px 1fr auto auto;align-items:center;gap:8px;padding:7px 0;font-size:11px;display:grid}.legend i{border-radius:50%;width:7px;height:7px}.legend i.green{background:#39d98a}.legend i.orange{background:#e69562}.legend i.red{background:#dd5d5b}.legend b{color:#dce8f0}.legend small{color:#6e899f}.chart{border-top:1px solid #19334b;padding-top:14px}.chart-title{color:#7893a8;justify-content:space-between;font-size:10px;display:flex}.chart-title b{color:#a3c0d1;font-weight:500}.bars{align-items:flex-end;gap:5px;height:65px;margin:13px 0 6px;display:flex}.bars i{background:#245574;border-radius:3px 3px 0 0;flex:1;max-width:15px}.bars i.hot{background:#3fb895}.chart-axis{color:#59738a;justify-content:space-between;font-size:9px;display:flex}.alerts-list{margin-top:15px}.alert-row{border-bottom:1px solid #183047;align-items:center;gap:10px;padding:12px 0;display:flex}.alert-row:last-child{border:0}.severity{border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.severity.critical{color:#f07572;background:#422a2c}.severity.warning{color:#efa064;background:#423326}.alert-copy{flex:1;min-width:0}.alert-copy b{color:#d3e3ed;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;display:block;overflow:hidden}.alert-copy span{color:#6d879e;margin-top:4px;font-size:10px;display:block}.ack-btn{color:#8eabbd;cursor:pointer;white-space:nowrap;background:#12283d;border:1px solid #29465e;border-radius:5px;padding:6px 8px;font-size:9px}.ack-btn:hover{color:#39d98a;border-color:#39d98a}.acked{opacity:.55}.ack-icon{color:#39d98a}.alert-footer{color:#67829a;border-top:1px solid #19334b;align-items:center;gap:8px;margin-top:7px;padding-top:13px;font-size:10px;display:flex}.device-head{align-items:center;margin-bottom:18px}.device-tools{align-items:center;gap:12px;display:flex}.search{color:#6f8da4;background:#0a1928;border:1px solid #24435c;border-radius:7px;align-items:center;gap:7px;padding:8px 10px;display:flex}.search input{color:#dcebf5;background:0 0;border:0;outline:0;width:140px;font:11px DM Sans}.filters{background:#0a1928;border:1px solid #1e3a53;border-radius:7px;padding:3px;display:flex}.filters button{color:#7792a8;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:6px 9px;font-size:10px}.filters button.selected{color:#e6f3fa;background:#24455d}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:750px}th{text-align:left;color:#607c94;letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid #1b374f;padding:10px;font-size:9px;font-weight:600}td{color:#a3bac9;border-bottom:1px solid #142c42;padding:12px 10px;font-size:11px}.device-name{align-items:center;gap:9px;display:flex}.device-name b,.device-name span{display:block}.device-name b{color:#dce9f1;font-size:11px;font-weight:600}.device-name span{color:#638198;margin-top:3px;font-size:9px}.device-icon{border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.device-icon.mikrotik{color:#58b9e9;background:#19364d}.device-icon.olt{color:#9d9ef5;background:#27304b}.device-icon.onu{color:#5ce1ad;background:#193d3b}.type-pill{color:#809bae;background:#12283c;border-radius:4px;padding:4px 7px;font-size:9px}.status{align-items:center;gap:6px;font-size:10px;display:inline-flex}.status i{border-radius:50%;width:6px;height:6px}.status.online{color:#48d89d}.status.online i{background:#48d89d}.status.degraded{color:#efa366}.status.degraded i{background:#efa366}.status.offline{color:#ed7773}.status.offline i{background:#ed7773}.metric{color:#b9cfdb}.detail{color:#829daf}.last-seen{color:#718da2;font-size:10px}.empty{text-align:center;color:#718da2;padding:28px;font-size:12px}footer{color:#567188;justify-content:space-between;padding:18px 3px;font-size:10px;display:flex}footer span:first-child{align-items:center;gap:8px;display:flex}.footer-dot{width:6px;height:6px}.mobile-menu,.close-nav{display:none}@media (width<=1100px){.main{padding:25px}.stats{grid-template-columns:repeat(2,1fr)}.grid-main{grid-template-columns:1fr}.device-head{flex-direction:column;align-items:flex-start;gap:15px}.device-tools{justify-content:space-between;width:100%}}@media (width<=700px){.sidebar{z-index:5;height:100vh;transition:left .2s;position:fixed;left:-240px}.sidebar.open{left:0}.close-nav{color:#8ca5b9;background:0 0;border:0;display:block;position:absolute;top:0;right:0}.main{padding:20px 15px}.mobile-menu{color:#b6cedd;background:0 0;border:0;margin-right:12px;display:block}header{align-items:flex-start}.main header>div:first-of-type{align-items:center;display:flex}.eyebrow{font-size:9px}h1{font-size:20px}.header-actions .live{display:none}.scope{flex-direction:column;align-items:flex-start;gap:10px}.stats{gap:9px}.stat{gap:8px;padding:12px}.stat-icon{width:29px;height:29px}.stat strong{font-size:19px}.stat span{font-size:10px}.stat small{font-size:8px}.health-content{gap:18px}.ring{width:115px;height:115px}.ring:after{width:85px;height:85px}.ring strong{font-size:20px}.device-tools{flex-direction:column;align-items:stretch}.search input{width:100%}.filters{justify-content:space-between}.filters button{flex:1}footer{flex-direction:column;gap:10px}}.acs-stats{grid-template-columns:repeat(3,1fr)}.mono{letter-spacing:.2px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:10px}