:root{--bg:#071017;--side:#09141d;--panel:#0d1a24;--panel2:#10222d;--line:#20343f;--text:#eaf3f6;--muted:#78909f;--aqua:#22d3c8;--blue:#4e9fff;--green:#35d58c;--amber:#ffbd4a;--red:#ff5d70;--purple:#a987ff;--r:14px}[data-theme=light]{--bg:#f4f7f9;--side:#fff;--panel:#fff;--panel2:#f0f4f7;--line:#dbe4ea;--text:#0d1a24;--muted:#5b7180;--aqua:#0aa79b;--blue:#1f7fe0;--green:#12a05c;--amber:#c97d00;--red:#d93b50;--purple:#7c5be0}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);min-height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}button,input,select{font:inherit}button{color:inherit;cursor:pointer}a{color:var(--aqua)}.shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--side);border-right:1px solid var(--line);z-index:5;height:100vh;padding:20px 14px;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:11px;padding:2px 8px 23px;display:flex}.logo{background:linear-gradient(140deg, var(--aqua), #176b9e);border-radius:11px;flex:none;place-items:center;width:38px;height:38px;font-weight:900;display:grid;box-shadow:0 0 30px #22d3c855}.brand b{letter-spacing:.14em;font-size:14px}.brand small{color:var(--muted);letter-spacing:.16em;margin-top:4px;font-size:8px;display:block}.label{color:var(--muted);letter-spacing:.15em;text-transform:uppercase;margin:13px 11px 6px;font-size:9px}.nav button{width:100%;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;margin:2px 0;padding:9px 11px;font-size:11px;display:flex}.nav button:hover,.nav button.active{background:var(--panel2);color:var(--text)}.nav button.active{box-shadow:inset 3px 0 var(--aqua)}.nav button:focus-visible{outline:2px solid var(--aqua);outline-offset:1px}.ico{width:20px;color:var(--aqua);text-align:center}.badge{background:var(--panel2);border-radius:6px;margin-left:auto;padding:3px 6px;font-size:8px}.sideStatus{background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-top:20px;padding:12px}.srow{color:var(--muted);justify-content:space-between;margin:7px 0;font-size:9px;display:flex}.dot{background:var(--green);width:7px;height:7px;box-shadow:0 0 9px var(--green);border-radius:50%;margin-right:5px;display:inline-block}.main{min-width:0}.top{z-index:4;background:color-mix(in srgb, var(--bg) 90%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);align-items:center;gap:11px;height:68px;padding:0 22px;display:flex;position:sticky;top:0}.menu{background:0 0;border:0;font-size:20px;display:none}.search{flex:1;max-width:580px;position:relative}.search input{border:1px solid var(--line);background:var(--panel2);width:100%;height:39px;color:var(--text);border-radius:10px;outline:0;padding:0 70px 0 13px}.search input:focus{border-color:var(--aqua)}.shortcut{color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:2px 6px;font-size:9px;position:absolute;top:9px;right:9px}.right{align-items:center;gap:8px;margin-left:auto;display:flex}.btn,.select{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:9px;padding:8px 10px;font-size:10px}.live{color:var(--green)}.ai{color:#fff;background:linear-gradient(135deg,#246e8b,#6350aa);border:0}.avatar{background:linear-gradient(135deg,#af85ff,#238ba9);border-radius:50%;flex:none;place-items:center;width:33px;height:33px;font-size:10px;font-weight:800;display:grid}.content{padding:21px 23px 38px}.page{display:none}.page.active{display:block}.head{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:17px;display:flex}.eyebrow{letter-spacing:.16em;color:var(--aqua);text-transform:uppercase;margin-bottom:7px;font-size:9px}.head h1{letter-spacing:-.035em;margin:0 0 5px;font-size:23px}.head p{color:var(--muted);margin:0;font-size:11px}.actions{flex:none;gap:8px;display:flex}.primary{color:#fff;background:linear-gradient(135deg,#22cfc5,#277aa1);border:0;border-radius:9px;padding:10px 13px;font-size:10px;font-weight:700}.secondary{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:9px;padding:9px 12px;font-size:10px}.secondary:disabled,.primary:disabled{opacity:.45;cursor:not-allowed}.ghost{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 7px;font-size:10px}.ghost:hover{background:var(--panel2);color:var(--text)}.phead h3{letter-spacing:.03em;margin:0;font-size:10px}.stats{grid-template-columns:repeat(6,minmax(125px,1fr));gap:10px;margin-bottom:11px;display:grid}.card{background:linear-gradient(145deg, var(--panel), color-mix(in srgb, var(--bg) 60%, transparent));border:1px solid var(--line);border-radius:var(--r);box-shadow:0 10px 30px #0002}.stat{padding:14px;position:relative;overflow:hidden}.stat:after{content:"";background:var(--glow,var(--aqua));filter:blur(29px);opacity:.25;border-radius:50%;width:62px;height:62px;position:absolute;top:-26px;right:-26px}.stat label{color:var(--muted);letter-spacing:.06em;font-size:8px}.num{letter-spacing:-.04em;margin:8px 0 4px;font-size:23px;font-weight:760}.trend{color:var(--green);font-size:9px}.warn{color:var(--amber)}.bad{color:var(--red)}.grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,.72fr);gap:11px;display:grid}.grid-full{grid-template-columns:1fr;gap:11px;display:grid}.panel{padding:15px}.phead{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.phead h2{letter-spacing:.03em;margin:0;font-size:11px}.phead span,.phead button{color:var(--muted);background:0 0;border:0;font-size:9px}.domains{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.domain{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:11px;transition:all .2s}.domain:hover{border-color:var(--aqua);transform:translateY(-2px)}.dtop{color:var(--muted);justify-content:space-between;font-size:8px;display:flex}.domain strong{margin:9px 0 6px;font-size:18px;display:block}.bar{background:var(--line);border-radius:5px;height:4px;overflow:hidden}.bar i{height:100%;width:var(--w,95%);background:var(--c,var(--green));display:block}.incident{border-top:1px solid var(--line);grid-template-columns:6px 1fr auto;align-items:center;gap:10px;padding:10px 0;display:grid}.incident:first-of-type{border-top:0}.sev{background:var(--red);border-radius:5px;width:6px;height:34px}.incident b{margin-bottom:3px;font-size:10px;display:block}.incident small{color:var(--muted);font-size:8px}.chip{background:var(--panel2);white-space:nowrap;border-radius:5px;padding:4px 6px;font-size:8px}.table{border-collapse:collapse;width:100%;font-size:9px}.table th,.table td{border-top:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 7px}.table th{color:var(--muted);border-top:0;font-weight:600}.vendorGrid{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.vendor{min-height:116px;padding:14px}.vendor h3{margin:0 0 7px;font-size:12px}.vendor p{color:var(--muted);margin:0;font-size:9px;line-height:1.5}.vendor .foot{color:var(--green);margin-top:12px;font-size:8px}.kpiChart{align-items:end;gap:4px;height:180px;display:flex}.kpiChart i{background:linear-gradient(var(--aqua), #145c70);opacity:.85;border-radius:3px 3px 0 0;flex:1;min-height:6px}.filters{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.empty{text-align:center;color:var(--muted);padding:40px;font-size:11px}.toast{background:var(--panel2);border:1px solid var(--aqua);z-index:30;border-radius:9px;padding:10px 13px;font-size:10px;animation:3s both pop;position:fixed;top:78px;right:20px}@keyframes pop{0%{opacity:0;transform:translateY(-7px)}10%,84%{opacity:1;transform:none}to{opacity:0}}.modal-backdrop{z-index:40;background:#0008;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);width:100%;max-width:560px;padding:20px;box-shadow:0 30px 80px #000a}.modal h2{margin:0 0 14px;font-size:14px}.modal label{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;margin:12px 0 4px;font-size:9px;display:block}.modal input,.modal select,.modal textarea{border:1px solid var(--line);background:var(--panel2);width:100%;color:var(--text);border-radius:8px;outline:0;padding:9px 11px;font-size:11px}.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:var(--aqua)}.modal .row{gap:10px;display:flex}.modal .row>*{flex:1}.modal-foot{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.err{color:var(--red);min-height:12px;margin-top:4px;font-size:9px}.copilot{background:var(--panel);border:1px solid var(--aqua);z-index:50;border-radius:16px;width:385px;position:fixed;bottom:18px;right:20px;overflow:hidden;box-shadow:0 22px 60px #0009}.cohead{background:var(--panel2);border-bottom:1px solid var(--line);justify-content:space-between;padding:13px 15px;font-size:11px;display:flex}.cohead button{color:var(--muted);background:0 0;border:0}.chat{height:260px;padding:13px;overflow:auto}.msg{background:var(--panel2);border-radius:10px;margin-bottom:9px;padding:10px;font-size:10px;line-height:1.55}.msg.agent{border-left:2px solid var(--aqua)}.ask{border-top:1px solid var(--line);gap:7px;padding:9px;display:flex}.ask input{background:var(--panel2);border:1px solid var(--line);color:var(--text);border-radius:8px;flex:1;padding:9px;font-size:10px}.ask button{color:#fff;background:#167b84;border:0;border-radius:8px;width:38px}.topo-svg{width:100%;height:292px}.topo-svg text{fill:var(--text)}.topo-svg .node rect{fill:var(--panel);stroke:var(--line);rx:8}.topo-svg .edge{stroke:var(--aqua);stroke-width:2px}.serviceMap{border:1px solid var(--line);background:linear-gradient(130deg,#0c1922,#0b202a);border-radius:12px;position:relative;overflow:hidden}[data-theme=light] .serviceMap{background:linear-gradient(130deg,#eef3f6,#e6eef2)}.serviceMap:before{content:"";background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.45;background-size:28px 28px;position:absolute;inset:0}.layer{text-align:center;z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b1a23f2;border:1px solid #2c5660;border-radius:10px;min-width:98px;padding:10px 12px;font-size:8px;transition:transform .18s,border-color .18s;position:absolute;box-shadow:0 8px 22px #0004}[data-theme=light] .layer{background:#ffffffef;border-color:#c4d3db}.layer:hover{border-color:var(--aqua);transform:translateY(-3px)}.layer small{color:var(--muted);letter-spacing:.04em;font-size:8px;display:block}.layer b{margin-top:4px;font-size:12px;font-weight:700;display:block}.layer.degraded{border-color:var(--red);box-shadow:0 0 20px var(--red)}.layer.at-risk{border-color:var(--amber);box-shadow:0 0 14px var(--amber)}.l1{top:40%;left:4%}.l2{top:16%;left:22%}.l3{top:42%;left:42%}.l4{top:14%;left:62%}.l5{top:40%;right:4%}.link{background:linear-gradient(90deg, var(--aqua), var(--blue));transform-origin:0;height:2.5px;box-shadow:0 0 9px var(--aqua);z-index:1;border-radius:2px;position:absolute}.link.degraded{background:linear-gradient(90deg, var(--amber), var(--red));box-shadow:0 0 9px var(--red)}.onboard-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;background:#000b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.onboard{background:var(--panel);border:1px solid var(--line);border-radius:18px;width:100%;max-width:560px;padding:28px;position:relative;overflow:hidden;box-shadow:0 30px 90px #000c}.onboard .glow{filter:blur(60px);opacity:.16;background:var(--aqua);pointer-events:none;border-radius:50%;width:220px;height:220px;position:absolute;top:-90px;right:-60px}.onboard .o-icon{background:linear-gradient(140deg, var(--aqua), #176b9e);color:#fff;border-radius:14px;place-items:center;width:56px;height:56px;margin-bottom:16px;font-size:24px;display:grid;box-shadow:0 0 30px #22d3c855}.onboard h2{letter-spacing:-.02em;margin:0 0 10px;font-size:20px}.onboard p{color:var(--muted);margin:0;font-size:12px;line-height:1.7}.onboard .o-body{min-height:130px}.onboard .o-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:22px;display:flex}.onboard .dots{gap:6px;display:flex}.onboard .dots i{background:var(--line);border-radius:50%;width:7px;height:7px;transition:all .2s}.onboard .dots i.on{background:var(--aqua);border-radius:4px;width:18px}.onboard .o-actions{align-items:center;gap:8px;display:flex}.o-skip{color:var(--muted);background:0 0;border:0;padding:8px;font-size:10px}.o-quick{grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;display:grid}.o-quick button{text-align:left;background:var(--panel2);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:10px;padding:12px;font-size:11px;transition:all .15s}.o-quick button:hover{border-color:var(--aqua);transform:translateY(-2px)}.o-quick button b{font-size:11px;display:block}.o-quick button small{color:var(--muted);margin-top:3px;font-size:8px;display:block}[dir=rtl] .onboard .glow{left:-60px;right:auto}.login-screen{background:radial-gradient(1200px 600px at 50% -10%, #123c4d33, transparent), var(--bg);place-items:center;min-height:100vh;display:grid}.login-card{border:1px solid var(--line);background:var(--panel);border-radius:18px;width:100%;max-width:380px;padding:34px;box-shadow:0 30px 80px #0008}.login-card .brand{letter-spacing:.08em;font-size:15px;font-weight:800}.login-card .brand span{color:var(--aqua)}.login-card .sub{color:var(--muted);margin:6px 0 22px;font-size:11px}.login-card label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:12px 0 4px;font-size:9px;display:block}.login-card input{width:100%}.login-err{color:var(--red);margin-top:10px;font-size:10px}.login-card .hint{color:var(--muted);text-align:center;margin-top:14px;font-size:8px}.userchip{color:var(--text);border:1px solid var(--line);border-radius:6px;padding:4px 8px;font-size:9px}.boot{place-items:center;min-height:100vh;display:grid}[dir=rtl] .shell{direction:rtl}[dir=rtl] .nav button.active{box-shadow:inset -3px 0 var(--aqua)}[dir=rtl] .shortcut{left:9px;right:auto}@media (width<=1150px){.stats{grid-template-columns:repeat(3,1fr)}.domains,.vendorGrid{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}}@media (width<=760px){.shell{grid-template-columns:1fr}.sidebar{width:248px;transition:all .2s;position:fixed;left:-260px}.sidebar.open{left:0}.menu{display:block}.content{padding:16px 13px}.top{padding:0 13px}.right .select,.right .live{display:none}.stats{grid-template-columns:repeat(2,1fr)}.head{display:block}.actions{margin-top:12px}.copilot{width:auto;left:10px;right:10px}.domains,.vendorGrid{grid-template-columns:1fr 1fr}}