:root{--bg:#0b0e11;--panel:#11161a;--panel2:#151b20;--line:#263039;--text:#edf2f4;--muted:#84919a;--accent:#b7f34a;--foreign:#7ea7ff;--home:#d6a6ff;--bridge:#f1b36b;--bad:#ff6b68;--sidebar:176px;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}button,input{font:inherit}button{cursor:pointer}.eyebrow{margin:0 0 8px;color:#71808a;font:600 10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em}.muted{color:var(--muted)}[hidden]{display:none!important}.login-shell{min-height:100svh;display:grid;grid-template-columns:1.1fr 1fr;overflow:hidden}.login-mark{position:relative;background:#0e1317;border-right:1px solid var(--line);display:flex;align-items:center;justify-content:center}.login-mark:before{content:"";width:min(44vw,540px);aspect-ratio:1;border:1px solid #263139;border-radius:50%;box-shadow:0 0 0 52px #0b0f12,0 0 0 53px #202930}.login-mark i{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 30px var(--accent);animation:orbit 4s ease-in-out infinite}.login-mark i:nth-child(2){transform:translate(120px,-130px);background:var(--foreign);animation-delay:-1.3s}.login-mark i:nth-child(3){transform:translate(-145px,85px);background:var(--home);animation-delay:-2.6s}@keyframes orbit{50%{opacity:.35;scale:.72}}.login-form{width:min(420px,80%);align-self:center;justify-self:center;animation:rise .6s ease both}.login-form h1{font-size:clamp(48px,6vw,82px);letter-spacing:-.07em;margin:0 0 12px;line-height:.9}.login-form label{display:block;margin:44px 0 9px;color:#c6ced3;font-size:13px}.password-row{display:flex;border-bottom:1px solid #4a5660}.password-row:focus-within{border-color:var(--accent)}.password-row input{flex:1;background:transparent;border:0;outline:0;color:white;padding:13px 0;font-size:16px}.password-row button,.primary{border:0;background:var(--accent);color:#11170a;padding:10px 17px;font-weight:750;border-radius:4px}.form-error{min-height:20px;color:var(--bad);font-size:13px}.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);border-right:1px solid var(--line);padding:28px 20px;display:flex;flex-direction:column;background:#0c1013;z-index:4}.brand{display:flex;gap:11px;align-items:center;color:white;text-decoration:none;font-weight:760;letter-spacing:-.03em;line-height:.9}.brand-signal{width:24px;height:24px;border:1px solid #5d6972;border-radius:50%;position:relative}.brand-signal:after{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px #b7f34a99}.sidebar nav{display:grid;gap:6px;margin-top:68px}.sidebar nav a{color:#77858e;text-decoration:none;padding:9px 0;font-size:14px;transition:.2s}.sidebar nav a:hover,.sidebar nav a.active{color:white;transform:translateX(4px)}.sidebar nav a.active:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-right:9px;vertical-align:2px}.sidebar-foot{margin-top:auto;display:grid;grid-template-columns:10px 1fr;gap:5px 7px;align-items:center;color:var(--muted);font-size:11px}.dot{width:7px;height:7px;border-radius:50%;background:#66747c}.dot.online{background:var(--accent);box-shadow:0 0 10px #b7f34a80}.link-button{grid-column:2;background:none;border:0;color:#78858e;text-align:left;padding:0;margin-top:5px;font-size:11px}main{margin-left:var(--sidebar);padding:0 4vw 70px;max-width:1600px}.topbar{height:112px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.topbar h2{margin:0;font-size:25px;letter-spacing:-.04em}.top-actions{display:flex;align-items:center;gap:10px}.top-actions time{color:var(--muted);font-size:11px;margin-right:8px}.icon-button,.secondary{background:transparent;border:1px solid var(--line);color:#c9d1d6;border-radius:4px;height:38px;min-width:38px}.primary{height:38px}.view{display:none;animation:rise .35s ease both}.active-view{display:block}@keyframes rise{from{opacity:0;transform:translateY(10px)}}.pulse-line{display:flex;justify-content:space-between;align-items:center;padding:34px 0 30px;border-bottom:1px solid var(--line)}.pulse-line>div{display:grid;grid-template-columns:15px auto;column-gap:12px}.pulse-line strong{font-size:18px;letter-spacing:-.03em}.pulse-line small{grid-column:2;color:var(--muted);margin-top:3px}.health-orb{width:9px;height:9px;border-radius:50%;background:#65727a;margin-top:7px}.health-orb.good{background:var(--accent);box-shadow:0 0 15px #b7f34a90}.health-orb.bad{background:var(--bad)}.pulse-line dl{display:flex;margin:0;gap:44px}.pulse-line dl div{display:grid;gap:6px}.pulse-line dt{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.pulse-line dd{margin:0;font:600 18px ui-monospace,Consolas,monospace}.section-heading{display:flex;align-items:end;justify-content:space-between}.section-heading h3{margin:0;font-size:22px;letter-spacing:-.04em}.section-heading>p,.section-heading>span{color:var(--muted);font-size:12px}.flow-section{padding:40px 0}.legend i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:6px}.flow{display:grid;grid-template-columns:220px 1fr 2.3fr;align-items:center;min-height:260px;margin-top:22px}.node{position:relative}.node span,.destination span{font:600 10px ui-monospace,Consolas,monospace;letter-spacing:.12em;color:var(--muted)}.node strong,.destination strong{display:block;margin:7px 0 4px;font-size:16px}.node small,.destination small{color:var(--muted)}.origin:after{content:"";position:absolute;right:-18px;top:50%;width:8px;height:8px;background:var(--accent);border-radius:50%;box-shadow:0 0 14px var(--accent)}.trunk{height:1px;background:#2e3941;position:relative}.trunk b{position:absolute;height:1px;width:36px;background:var(--accent);animation:travel 2.2s linear infinite;box-shadow:0 0 8px var(--accent)}@keyframes travel{from{left:0}to{left:calc(100% - 36px)}}.destinations{border-left:1px solid #2e3941;display:grid;grid-template-columns:1fr 1fr;gap:0 34px}.destination{padding:22px 0 22px 34px;position:relative;border-bottom:1px solid #1b2227}.destination:nth-last-child(-n+2){border-bottom:0}.destination:before{content:"";position:absolute;left:-1px;top:50%;width:24px;height:1px;background:#2e3941}.destination:after{content:"";position:absolute;left:20px;top:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:var(--route-color);box-shadow:0 0 12px var(--route-color)}.split{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:50px;border-top:1px solid var(--line);padding-top:34px}.throughput canvas{width:100%;height:190px;margin-top:20px}.chart-legend{display:flex;gap:16px;color:var(--muted);font-size:11px}.chart-legend small{margin-left:auto}.chart-legend i{display:inline-block;width:14px;height:2px;margin-right:6px;vertical-align:3px}.chart-legend .rx{background:var(--accent)}.chart-legend .tx{background:#6f8491}.resources{border-left:1px solid var(--line);padding-left:34px}.resources h3,.wg-panel h3,.detail-split h3{margin:0 0 28px}.meter{display:grid;grid-template-columns:1fr auto;gap:8px;margin:20px 0;font-size:12px}.meter b{font-family:ui-monospace,Consolas,monospace}.meter i{grid-column:1/-1;height:3px;background:#222b31;overflow:hidden}.meter em{display:block;height:100%;background:var(--accent);width:0;transition:width .5s}.load,.uptime{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;margin-top:24px;color:var(--muted);font-size:12px}.load strong,.uptime strong{color:var(--text);font-family:ui-monospace,Consolas,monospace}.page-heading{padding:38px 0 24px}.data-table,.compact-table{border-top:1px solid var(--line)}.route-row,.table-row{display:grid;align-items:center;border-bottom:1px solid var(--line);padding:16px 0}.route-row{grid-template-columns:120px 1.4fr 1fr 90px}.route-row .route-name{font-weight:700}.route-row small,.table-row small{color:var(--muted)}.status{display:inline-flex;align-items:center;gap:7px;font-size:11px}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--bad)}.status.ok:before{background:var(--accent)}.detail-split{margin-top:48px}.compact-table .table-row{grid-template-columns:1.3fr 1fr auto;font-size:12px}.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:30px 1fr 120px 100px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}.service-row .service-icon{width:8px;height:8px;border-radius:50%;background:var(--bad)}.service-row.active .service-icon{background:var(--accent);box-shadow:0 0 10px #b7f34a60}.service-row strong{font-size:14px}.service-row small{display:block;color:var(--muted);margin-top:3px}.service-row button{justify-self:end;background:transparent;border:1px solid var(--line);color:#b8c1c6;border-radius:3px;padding:7px 10px;font-size:11px}.wg-panel{margin-top:46px}.audit-list{border-top:1px solid var(--line)}.audit-row{display:grid;grid-template-columns:190px 1fr 1.5fr;padding:14px 0;border-bottom:1px solid var(--line);font:12px ui-monospace,Consolas,monospace}.audit-row time,.audit-row span:last-child{color:var(--muted)}dialog{width:min(610px,calc(100% - 32px));border:1px solid #34404a;background:#11171b;color:white;border-radius:7px;padding:26px;box-shadow:0 28px 90px #000b}dialog::backdrop{background:#050708cc;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between}.dialog-head h3{margin:0;font-size:24px}.action-list{display:grid;margin:24px 0;border-top:1px solid var(--line)}.action-list button{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:14px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:white}.action-list small{display:block;color:var(--muted);margin-top:4px}.action-list b{color:var(--accent);font-size:11px;text-transform:uppercase}pre{background:#090c0e;border:1px solid var(--line);padding:14px;min-height:80px;max-height:220px;overflow:auto;white-space:pre-wrap;color:#9eabb3;font-size:11px}.toast{position:fixed;right:22px;bottom:22px;background:#e9eff1;color:#111;padding:12px 16px;border-radius:4px;font-size:12px;transform:translateY(30px);opacity:0;transition:.2s;pointer-events:none;z-index:20}.toast.show{transform:none;opacity:1}.toast.error{background:var(--bad);color:white}@media(max-width:900px){:root{--sidebar:70px}.sidebar{padding:24px 13px}.brand span:last-child,.sidebar nav a{font-size:0}.sidebar nav a:after{content:attr(data-view);font-size:9px;text-transform:uppercase}.sidebar-foot>*:not(.dot){display:none}.pulse-line{align-items:flex-start}.pulse-line dl{gap:18px}.flow{grid-template-columns:150px 1fr 1.8fr}.destinations{grid-template-columns:1fr}.destination{border-bottom:1px solid #1b2227!important}.split{grid-template-columns:1fr}.resources{border-left:0;padding:30px 0;border-top:1px solid var(--line)}}@media(max-width:620px){.login-shell{grid-template-columns:1fr}.login-mark{display:none}.login-form{width:calc(100% - 42px)}:root{--sidebar:0}.sidebar{inset:auto 0 0;width:auto;height:58px;flex-direction:row;align-items:center;border:0;border-top:1px solid var(--line);padding:0 14px}.brand,.sidebar-foot{display:none}.sidebar nav{margin:0;display:flex;justify-content:space-around;width:100%}.sidebar nav a{font-size:11px!important}.sidebar nav a:after{display:none}main{margin:0;padding:0 18px 85px}.topbar{height:88px}.top-actions time{display:none}.pulse-line{display:block}.pulse-line dl{display:grid;grid-template-columns:1fr 1fr;margin-top:28px}.flow{grid-template-columns:1fr;gap:24px}.origin:after{display:none}.trunk{display:none}.destinations{border-left:0}.destination{padding-left:22px}.destination:before{left:0;width:10px}.destination:after{left:8px}.route-row{grid-template-columns:90px 1fr}.route-row>*:nth-child(3),.route-row>*:nth-child(4){margin-top:8px}.service-row{grid-template-columns:22px 1fr auto}.service-row>small{display:none}.audit-row{grid-template-columns:1fr;gap:5px}.primary{padding:9px 11px}}