@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#d9e2ed;background:#0a111c;font-synthesis:none;--mint: #63d9b2;--muted: #7d8ea4;--panel: #111c2a;--line: #223043;--red: #ff8e91;--yellow: #e9bd76}*{box-sizing:border-box}body{margin:0}button,a,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:4px}h1,h2,h3,p{margin:0}h1{font-size:32px;font-weight:700;letter-spacing:-1.1px}h2{font-size:17px;letter-spacing:-.3px}h3{font-size:15px;font-weight:700}p{line-height:1.7}.shell{display:flex;min-height:100vh}aside{position:fixed;inset:0 auto 0 0;width:224px;background:#0c1521;border-right:1px solid #1c2939;padding:34px 20px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:#f0f5fa;margin:0 8px 54px;font-size:29px;font-weight:800;letter-spacing:-1px}.brand-symbol{width:43px;height:43px;border-radius:13px;background:linear-gradient(145deg,#2e6b5b,#132f32);color:var(--mint);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #40877066}.brand-dot{color:var(--mint)}.brand small{display:block;font-size:8px;font-weight:700;letter-spacing:1.8px;color:var(--muted);margin-top:1px}.nav-label{font-size:9px;letter-spacing:1.2px;color:#657990;margin:0 12px 16px}nav{display:grid;gap:7px}nav button{width:100%;display:flex;align-items:center;gap:13px;text-align:left;padding:12px;border-radius:9px;color:#8a9bb0;font-size:13px;font-weight:600}nav button:hover{background:#142131}nav button.active{background:#18322f;color:var(--mint)}nav button b{margin-left:auto;font-size:11px;background:#263c3d;padding:2px 6px;border-radius:4px}.sidebar-bottom{margin-top:auto;display:flex;gap:10px;align-items:center;color:#7f95a9;font-size:11px;padding:18px 10px 0;border-top:1px solid var(--line)}.sidebar-bottom small{display:block;font-size:10px;color:#51667d;margin-top:4px}main{margin-left:224px;flex:1;min-width:0}header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px solid #1c2939;font-size:11px;color:#9dafc2}header>span{display:flex;gap:8px;align-items:center}header>div{display:flex;gap:17px;align-items:center}.status-dot{width:6px;height:6px;background:var(--mint);border-radius:50%;box-shadow:0 0 9px #63d9b255}.avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#233543;color:#b6d1cd;font-size:12px;font-weight:700}.icon-button{display:inline-flex;align-items:center;justify-content:center;padding:6px;border-radius:6px;color:var(--muted)}.icon-button:hover{background:#203145}.content{max-width:1520px;margin:0 auto;padding:32px 42px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;margin:20px 0 30px;gap:20px}.eyebrow{font-size:9px;letter-spacing:1.5px;font-weight:700;color:#8194a9;margin-bottom:9px}.page-heading p:not(.eyebrow){font-size:12px;color:var(--muted);margin-top:10px}.private{display:flex;align-items:center;gap:6px;border:1px solid #253346;padding:8px 11px;border-radius:7px;font-size:10px;color:#8fa4b9;white-space:nowrap}.shadow-banner,.banner{padding:10px 13px;border:1px solid #304139;border-radius:8px;display:flex;align-items:center;gap:9px;font-size:11px;color:#afc4ba;background:#19231f}.shadow-banner span{color:#7f998a;margin-left:auto;font-size:10px}.banner{border-color:#6c5433;background:#2c251a;color:#e5bb75;margin-bottom:10px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:32px}.stats>div{border:1px solid var(--line);border-radius:10px;padding:18px 19px;background:linear-gradient(125deg,#132030,#101a27)}.stats>div>span{display:flex;align-items:center;justify-content:space-between;color:#93a6bb;font-size:10px}.stats svg{color:#5c728a}.stats strong{display:flex;align-items:baseline;gap:10px;font-size:34px;font-weight:600;margin-top:12px;color:#e0eaf5;line-height:1.1}.stats small{font-size:9px;font-weight:500;color:#70869e}.stats .good strong,.stats .good svg{color:var(--mint)}.stats .warn strong,.stats .warn svg{color:var(--yellow)}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:28px 0 17px;gap:12px}.section-heading h2{display:flex;gap:9px;align-items:center}.count{background:#1a2a3b;color:#829ab2;font-size:10px;min-width:22px;height:21px;display:grid;place-items:center;border-radius:5px}.text-button{display:flex;align-items:center;gap:5px;font-size:11px;color:#91a8be;padding:4px}.incident{display:flex;gap:15px;padding:19px 21px;margin-bottom:10px;border:1px solid #463736;border-left:3px solid var(--yellow);border-radius:9px;background:linear-gradient(110deg,#201f23,#121c28);align-items:flex-start}.incident.critical{border-left-color:var(--red);border-color:#49303b;background:linear-gradient(110deg,#251c28,#121c28)}.incident.resolved{border-color:#23413d;border-left-color:var(--mint);background:#132021}.incident-icon{display:flex;align-items:center;justify-content:center;background:#3a2f254f;color:var(--yellow);border:1px solid #57483255;border-radius:8px;width:35px;height:35px;flex-shrink:0}.critical .incident-icon{color:var(--red);background:#54263344}.resolved .incident-icon{color:var(--mint)}.incident-main{flex:1}.incident .eyebrow{font-size:9px;letter-spacing:.6px;margin-bottom:7px}.incident .eyebrow span{color:#71839a;font-weight:500;letter-spacing:0}.incident h3{font-size:13px}.incident p{font-size:11px;color:#8f9eaf;margin-top:4px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.actions button,.detail-strip button{display:flex;align-items:center;gap:6px;font-size:10px;padding:7px 10px;border:1px solid #344050;border-radius:6px;background:#1b2533;color:#b5c5d5}.actions button:hover,.detail-strip button:hover{border-color:#598e83;color:var(--mint)}.segmented{display:flex;padding:3px;background:#111d2c;border:1px solid #1f3043;border-radius:7px;gap:2px}.segmented button{padding:5px 10px;color:#7e94ac;font-size:10px;border-radius:4px;white-space:nowrap}.segmented button.selected{background:#26374b;color:#dce7f3}.node-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.node-card{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:18px;text-align:left;transition:transform .15s,border-color .15s;min-width:0}.node-card:hover{border-color:#476479;transform:translateY(-2px)}.node-card.critical{border-color:#533442}.node-card.warning{border-color:#4b4030}.node-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:10px}.node-icon{background:#1b2b3e;border:1px solid #2a3a4d;border-radius:8px;width:36px;height:36px;display:grid;place-items:center;color:#8da6bf}.pill{display:inline-flex;align-items:center;gap:5px;font-size:9px;white-space:nowrap;border:1px solid #344255;border-radius:5px;padding:4px 7px;color:#8b9db1;background:#22304455}.pill i{width:4px;height:4px;border-radius:50%;background:currentColor}.pill.ok{color:#7cddbb;border-color:#315649;background:#1c463b55}.pill.critical,.pill.fail{color:#f8959d;border-color:#623c49;background:#4a243a55}.pill.warning{color:#e5bf81;border-color:#5b4a32;background:#493a2355}.pill.maintenance{color:#90acde;border-color:#354966;background:#24385555}.node-card h3{font-size:19px;letter-spacing:-.4px;display:flex;align-items:center;justify-content:space-between}.node-card h3 svg{color:#536e87}.node-card>p{font-size:10px;color:#8a9bb0;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-meters{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.meter>span{font-size:8px;color:#7189a1;display:flex;justify-content:space-between;align-items:center}.meter b{font-size:9px;color:#b8c9d9;font-weight:500}.meter>div{height:3px;background:#243246;border-radius:5px;overflow:hidden;margin-top:7px}.meter i{display:block;height:100%;background:#4b9d91;border-radius:5px}.meter:nth-child(2) i{background:#6388b6}.meter:nth-child(3) i{background:#817fb5}.meter i.hot{background:var(--red)}.node-card footer{display:flex;justify-content:space-between;border-top:1px solid #202f40;padding-top:14px;margin-top:19px;font-size:8px;color:#6d8299}.node-card footer span{display:flex;align-items:center;gap:5px}.page-footer{display:flex;justify-content:space-between;margin-top:40px;padding:24px 0;color:#536a82;font-size:9px;border-top:1px solid #1b2b3c}.page-footer span{display:flex;align-items:center;gap:6px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:160px;color:#69869c;padding:24px;background:#111c28;border:1px dashed #2c3d50;border-radius:9px}.empty h3{color:#b3c5d6}.empty p{font-size:12px}.empty.inline{flex-direction:row;justify-content:flex-start;min-height:90px}.empty.inline svg{color:var(--mint)}.empty.inline p{margin-top:5px}.back{display:flex;align-items:center;gap:8px;font-size:11px;color:#8aa3bd;margin-top:24px}.detail-strip{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.detail-strip>span{display:flex;align-items:center;gap:6px;margin-right:auto}.charts{display:grid;grid-template-columns:1fr 1fr;gap:16px}.chart{padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.chart>div{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.chart b{color:#c4dbdf;font-weight:500}.chart svg{width:100%;height:130px;margin-top:14px}.gridline{stroke:#213144;stroke-dasharray:4}.chart footer{display:flex;justify-content:space-between;font-size:8px;color:#678096}.check-row{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}.check-row:last-child{border:0}.check-row>div{flex:1;min-width:0}.check-row strong{font-size:11px;overflow-wrap:anywhere}.check-row small{display:block;font-size:9px;color:#7089a1;margin-top:5px}.event{display:flex;gap:20px;padding:14px 18px;font-size:11px;border-bottom:1px solid var(--line)}.event span{color:var(--muted);white-space:nowrap}.findings{padding:20px}.findings>div+div{margin-top:18px}.findings p{font-size:11px;color:#8ca2b8;margin:8px 0}.findings small{font-size:10px;color:var(--yellow)}.tunnel{display:flex;gap:17px;align-items:center;padding:22px;border-bottom:1px solid var(--line)}.tunnel>svg{color:var(--mint);flex-shrink:0}.tunnel>div{flex:1;min-width:0}.tunnel h3{font-size:12px}.tunnel p,.tunnel small{font-size:10px;color:var(--muted);overflow-wrap:anywhere}.tunnel small{font-size:9px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.setting{padding:24px}.setting>svg{color:var(--mint);margin-bottom:15px}.setting h2{margin-bottom:18px}.setting-row{display:flex;justify-content:space-between;gap:15px;font-size:11px;margin:16px 0;padding-bottom:15px;border-bottom:1px solid var(--line);color:#a0b3c7}.setting-row span{color:var(--mint);text-align:right}.setting p{font-size:11px;color:#94a9bd;margin:10px 0}.setting small{font-size:10px;color:#6b859f}.time{font-size:42px;font-weight:500;letter-spacing:-2px}.error,.notice{display:flex;gap:10px;align-items:center;padding:12px 15px;margin:12px 0;border-radius:7px;font-size:12px;background:#472530;color:#ffc3cb}.notice{background:#17392f;color:#b4edce}.error button,.notice button{margin-left:auto}.loading{display:flex;gap:10px;align-items:center;justify-content:center;min-height:200px;font-size:13px;color:var(--muted)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:25px;background:radial-gradient(ellipse at 50% 20%,#15312866,transparent 60%)}.login>.brand-symbol{width:62px;height:62px;margin-bottom:28px}.login>h1{font-size:34px;line-height:1.3}.login>p:not(.eyebrow){font-size:13px;color:#8ba0b5;margin-top:17px}.login-card{margin:38px 0;padding:27px;max-width:390px;width:100%;background:#121f2a;border:1px solid #293d49;border-radius:14px;display:flex;align-items:center;flex-direction:column;gap:13px}.login-card>svg{color:var(--mint)}.login-card p{font-size:12px;color:var(--muted)}.login>small{font-size:10px;color:#61798e}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#02070dbb;z-index:20;display:grid;place-items:center;padding:20px}.modal{background:var(--panel);border:1px solid #425568;padding:25px;border-radius:13px;width:100%;max-width:420px}.modal label{display:flex;flex-direction:column;gap:10px;font-size:12px;margin:25px 0}.modal input{background:#0b1520;border:1px solid #34475c;color:#d6e5ef;border-radius:5px;padding:10px}.modal p{font-size:12px;color:var(--muted);margin:20px 0}.actions .primary{background:#245a47;color:#bff4da;border-color:#347057}@media(min-width:1600px){.node-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1100px){aside{width:190px;padding:28px 13px}main{margin-left:190px}.content{padding:25px}.stats{gap:10px}.stats>div{padding:15px}.stats strong{font-size:29px}.stats small{display:none}.node-grid{grid-template-columns:repeat(2,1fr)}header{padding:0 25px}.private,.shadow-banner span{display:none}}@media(max-width:700px){aside{position:fixed;top:auto;left:0;right:0;bottom:0;width:auto;height:calc(64px + env(safe-area-inset-bottom));padding:5px 8px env(safe-area-inset-bottom);border:0;border-top:1px solid #29384b;z-index:10;background:#101a27f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand,.nav-label,.sidebar-bottom{display:none}nav{display:flex;justify-content:space-around;gap:2px}nav button{display:flex;flex-direction:column;justify-content:center;gap:4px;width:20%;padding:8px 2px 5px;font-size:8px;border-radius:7px}nav button b{display:none}nav button.active{background:#18322f77}main{margin:0;width:100%}header{height:58px;padding:0 18px}.updated{display:none}header>div{gap:12px}.content{padding:18px 16px 74px}.page-heading{margin:24px 0;gap:10px}h1{font-size:25px;letter-spacing:-.7px}.page-heading p:not(.eyebrow){font-size:11px;max-width:330px;line-height:1.65}.eyebrow{font-size:8px}.shadow-banner{font-size:10px;padding:9px 10px}.stats{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:24px}.stats>div{padding:15px}.stats strong{font-size:31px;gap:8px;margin-top:10px}.stats small{display:block;font-size:8px}.stats>div>span{font-size:9px}.stats svg{width:15px}.section-heading{margin:24px 0 14px}.section-heading h2{font-size:15px}.text-button{font-size:9px}.segmented button{padding:5px 7px;font-size:9px}.incident{padding:15px 13px;gap:10px}.incident-icon{width:28px;height:28px;border-radius:6px}.incident-icon svg{width:16px}.incident h3{font-size:12px}.incident p{font-size:10px}.actions{gap:6px}.actions button{font-size:9px;padding:6px 7px}.node-grid{gap:11px}.node-card{padding:13px;border-radius:9px}.node-top{margin-bottom:13px;gap:5px}.node-icon{width:28px;height:28px;border-radius:7px}.node-icon svg{width:16px}.pill{font-size:7px;padding:3px 4px;gap:3px}.node-card h3{font-size:18px}.node-card>p{font-size:9px}.node-meters{gap:8px;margin-top:17px}.meter>span{font-size:7px}.meter b{font-size:8px}.node-card footer{font-size:7px;margin-top:16px;padding-top:11px}.node-card footer>span:last-child{display:none}.page-footer{font-size:8px;gap:12px;margin-top:28px;padding:20px 0}.charts,.settings-grid{grid-template-columns:1fr}.chart{padding:17px}.check-row{padding:13px;gap:8px}.check-row strong{font-size:10px}.check-row small{font-size:8px}.event{font-size:10px;gap:12px}.event span{font-size:9px}.tunnel{gap:10px;padding:17px 12px}.tunnel h3{font-size:11px}.tunnel p{font-size:9px}.detail-strip{font-size:10px;gap:10px}.detail-strip>span{width:100%}.login>h1{font-size:27px}.login-card{padding:23px}.empty p{font-size:10px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}