:root{--bg:#0B0F14;--panel:#121923;--line:#1F2A37;--tx:#E6EDF3;--mu:#8B9AAB;--ac:#22D3EE;--ok:#34D399;--wa:#F59E0B;--er:#F43F5E}*{box-sizing:border-box}html,body{margin:0}body{font-family:IBM Plex Sans,sans-serif;color:var(--tx);background:var(--bg)}a{color:inherit;text-decoration:none}button,input{font:inherit}input[type=checkbox]{accent-color:var(--ac)}.mono{font-family:IBM Plex Mono,monospace}.lbl{font:11px IBM Plex Mono,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--mu)}.app{display:flex;min-height:100vh;position:relative}.bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(#ffffff12 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse at 60% 15%,#000 15%,transparent 75%);mask-image:radial-gradient(ellipse at 60% 15%,#000 15%,transparent 75%)}.bg .o1,.bg .o2{position:absolute;border-radius:50%;filter:blur(110px)}.bg .o1{width:520px;height:520px;right:-120px;top:-160px;background:#22d3ee22;animation:drift1 18s ease-in-out infinite alternate}.bg .o2{width:460px;height:460px;left:240px;bottom:-200px;background:#6366f11c;animation:drift2 22s ease-in-out infinite alternate}.bg .spot{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(520px circle at var(--mx,70%) var(--my,10%),#22D3EE14,transparent 60%)}.side{width:248px;flex:none;position:sticky;top:0;height:100vh;z-index:2;padding:22px 14px 16px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#0d131acc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.logo{display:flex;align-items:center;gap:10px;padding:0 12px;font-weight:600;font-size:21px}.grp{font:11px IBM Plex Mono,monospace;letter-spacing:.1em;text-transform:uppercase;color:#5d6b7c;padding:22px 14px 10px}.navs{display:flex;flex-direction:column;gap:8px}.nav{position:relative;display:flex;align-items:center;gap:12px;height:44px;padding:0 14px;border-radius:10px;color:var(--mu);font-size:14px;font-weight:500;transition:background .2s,color .2s}.nav svg{flex:none;transition:transform .25s}.nav:hover{background:#ffffff0a;color:var(--tx)}.nav:hover svg{transform:scale(1.15) rotate(-6deg)}.nav.active{background:linear-gradient(90deg,#13303a,#13303a55);color:var(--ac)}.nav.active:before{content:"";position:absolute;left:-14px;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:var(--ac);box-shadow:0 0 14px var(--ac)}.stat{margin-top:auto;padding:14px;border:1px solid var(--line);border-radius:12px;background:#0b1118;display:grid;gap:6px;font-size:13px}.dot{width:8px;height:8px;border-radius:99px;display:inline-block;margin-right:8px}.col{flex:1;min-width:0;position:relative;z-index:1;display:flex;flex-direction:column}.top{position:sticky;top:0;z-index:5;height:64px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);background:#0b0f14b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.srch{display:flex;align-items:center;gap:10px;width:min(420px,100%);height:40px;padding:0 14px;border-radius:10px;border:1px solid #2B3A4B;background:#0d131a;color:var(--mu);font-size:14px;cursor:pointer;transition:border-color .2s,color .2s}.srch:hover{border-color:var(--ac);color:var(--tx)}.srch kbd{margin-left:auto;font:11px IBM Plex Mono,monospace;padding:2px 6px;border:1px solid #2B3A4B;border-radius:6px}.tr{display:flex;align-items:center;gap:14px}.ib{position:relative;width:40px;height:40px;display:grid;place-items:center;border-radius:10px;border:1px solid #2B3A4B;background:#0d131a;color:var(--mu);transition:border-color .2s,color .2s}.ib:hover{border-color:var(--ac);color:var(--ac)}.ib.rg svg{animation:wiggle 2.6s ease-in-out infinite;transform-origin:50% 0}.ib b{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;border-radius:99px;background:var(--er);color:#fff;font-size:11px;display:grid;place-items:center;padding:0 5px}.main{width:100%;max-width:1680px;margin:0 auto;padding:20px 24px 28px}.page{display:flex;flex-direction:column;gap:16px;min-width:0;animation:rise .5s cubic-bezier(.2,.8,.2,1) backwards}.ph{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.ph h1{margin:4px 0 0;font-size:26px;font-weight:600}.ph p{margin:4px 0 0;color:var(--mu)}.ph-r{display:flex;align-items:center;gap:12px}.ph-r .badge{align-self:center}.g12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.c3{grid-column:span 3}.c4{grid-column:span 4}.c5{grid-column:span 5}.c6{grid-column:span 6}.c8{grid-column:span 8}.c9{grid-column:span 9}.c12{grid-column:span 12}.stack{display:flex;flex-direction:column;gap:16px;min-width:0}.stack>.card{flex:1}.fill{min-width:0}.fill>.card{height:100%}.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ctr{align-items:center;justify-content:center;text-align:center;gap:10px}.card{display:flex;flex-direction:column;min-width:0;background:linear-gradient(180deg,#172232,#0f1720);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 8px 24px #0006;transition:border-color .25s}.card:hover{border-color:#2a3a4d}.badge{display:inline-block;align-self:flex-start;white-space:nowrap;font-size:12px;font-weight:600;padding:4px 10px;border-radius:99px}.healthy{background:#0f2a22;color:var(--ok)}.inspect{background:#3a2a0f;color:#fbbf24}.critical{background:#3a1520;color:#fb7185}.row{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:6px}.bar{height:6px;border-radius:99px;background:var(--line);margin-bottom:14px;overflow:hidden}.bar i{display:block;height:100%;border-radius:99px;transform-origin:left;animation:grow 1s cubic-bezier(.2,.8,.2,1) backwards}.btn{position:relative;overflow:hidden;background:var(--ac);color:#06222b;border:0;border-radius:10px;padding:0 18px;height:44px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:transform .15s,box-shadow .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #22d3ee55}.btn:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,#ffffff77,transparent);transform:skew(-20deg);transition:left .55s}.btn:hover:after{left:130%}.ghost,.chip{background:none;border:1px solid #2B3A4B;color:var(--tx);border-radius:10px;padding:0 14px;height:40px;font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:border-color .2s,color .2s,background .2s,transform .15s}.chip{border-radius:99px;color:var(--mu)}.chip.on{background:#13303a;border-color:#2b6f80;color:var(--ac)}.ghost:hover,.chip:hover{border-color:var(--ac);color:var(--ac);transform:translateY(-1px)}.chips{display:flex;gap:10px;flex-wrap:wrap}.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th{text-align:left;font:11px IBM Plex Mono,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--mu);padding:10px 8px}.tbl td{padding:14px 8px;border-top:1px solid var(--line)}.tbl tbody tr{transition:background .2s;animation:rise .5s backwards}.tbl tbody tr:hover td{background:#ffffff08}.drop{border:2px dashed #2b6f80;border-radius:14px;padding:44px;text-align:center;color:var(--mu);display:block;cursor:pointer;transition:border-color .2s,background .2s}.drop:hover,.drop.dg{border-color:var(--ac);background:#22d3ee0d}.banner{display:flex;gap:12px;align-items:center;padding:14px 18px;border-radius:12px;background:#f43f5e1a;border:1px solid #F43F5E73;font-size:14px;flex-wrap:wrap}.banner i{width:10px;height:10px;border-radius:99px;background:var(--er);box-shadow:0 0 10px var(--er);animation:blink 1.4s ease-in-out infinite}.live{animation:blink 2.4s ease-in-out infinite}.ring-glow{filter:drop-shadow(0 0 8px var(--g))}.skel{border-radius:14px;background:linear-gradient(90deg,#121923,#1d2a3a,#121923);background-size:200% 100%;animation:shim 1.3s linear infinite}.gt{background:linear-gradient(90deg,#22d3ee,#818cf8,#22d3ee);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gs 6s linear infinite}.minis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin-top:6px}.minis div{display:grid;gap:4px;padding:10px 6px;border-radius:10px;background:#0b1118;border:1px solid var(--line)}.chk{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:10px;border:1px solid var(--line);margin-bottom:10px;cursor:pointer;font-size:14px;transition:border-color .2s,color .2s}.chk:hover{border-color:#2b6f80}.chk.on{color:var(--mu);text-decoration:line-through}.ico{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex:none}.qa{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#0b1118;font-size:14px;font-weight:500;transition:border-color .2s,transform .2s,background .2s}.qa:hover{border-color:var(--ac);transform:translate(4px);background:#0f1b24}.qa svg{color:var(--ac)}.sw{position:relative;width:46px;height:26px;border-radius:99px;background:#2b3a4b;border:0;cursor:pointer;transition:background .25s;flex:none}.sw:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:99px;background:#fff;transition:transform .25s}.sw.on{background:var(--ac)}.sw.on:after{transform:translate(20px)}.setrow{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-top:1px solid var(--line)}.hero{flex-direction:row;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;overflow:hidden;background:linear-gradient(120deg,#13303a,#0f1720 55%,#1b1d3d)}.eq{display:flex;align-items:center;gap:4px;height:56px}.eq i{width:4px;height:100%;border-radius:4px;background:linear-gradient(180deg,#22d3ee,#6366f1);animation:eq 1.1s ease-in-out infinite alternate}.stp{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.stp .s{display:flex;align-items:center;gap:10px;color:var(--mu);font-size:14px}.stp .n{width:30px;height:30px;border-radius:99px;display:grid;place-items:center;border:1px solid #2B3A4B;font-size:13px;font-weight:600;transition:all .4s}.stp .on{color:var(--tx)}.stp .on .n{background:var(--ac);color:#06222b;border-color:var(--ac);box-shadow:0 0 16px #22d3ee66}.stp .done .n{background:#0f2a22;border-color:var(--ok);color:var(--ok)}.stp .ln{width:72px;height:2px;background:var(--line);position:relative;overflow:hidden}.stp .ln i{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ac);transform:scaleX(0);transform-origin:left;transition:transform .6s}.stp .ln.f i{transform:scaleX(1)}.reveal{animation:rise .6s cubic-bezier(.2,.8,.2,1) backwards}.reveal:nth-child(2){animation-delay:.06s}.reveal:nth-child(3){animation-delay:.12s}.reveal:nth-child(4){animation-delay:.18s}.reveal:nth-child(5){animation-delay:.24s}.reveal:nth-child(6){animation-delay:.3s}.reveal:nth-child(7){animation-delay:.36s}.fade{animation:fade .35s ease both}.tilt{position:relative;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .18s ease-out,box-shadow .25s,border-color .25s;will-change:transform;overflow:hidden}.tilt:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .25s;background:radial-gradient(260px circle at var(--gx,50%) var(--gy,50%),#ffffff1c,transparent 60%)}.tilt:hover:after{opacity:1}a.card.tilt:hover{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-4px);box-shadow:0 14px 40px #22d3ee22}.crit{border-color:#6b2433;animation:pulse 2.4s ease-in-out infinite}.pal-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#05080cb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:start center;padding-top:14vh;animation:fade .2s}.pal{width:min(560px,92vw);background:#0f1720;border:1px solid #2B3A4B;border-radius:16px;box-shadow:0 30px 80px #000a;overflow:hidden;animation:rise .25s}.pal input{width:100%;background:none;border:0;border-bottom:1px solid var(--line);padding:18px 20px;font-size:16px;color:var(--tx);outline:none}.pal ul{list-style:none;margin:0;padding:8px;max-height:340px;overflow:auto}.pal li{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:10px;cursor:pointer;font-size:14px}.pal li.on{background:#13303a;color:var(--ac)}.toasts{position:fixed;right:20px;bottom:20px;z-index:70;display:grid;gap:10px}.toast{background:#0f2a22;border:1px solid #1d5a46;color:var(--ok);padding:12px 16px;border-radius:12px;font-size:14px;box-shadow:0 10px 30px #0008;animation:rise .35s}@keyframes drift1{to{transform:translate(-120px,80px) scale(1.15)}}@keyframes drift2{to{transform:translate(140px,-90px) scale(1.2)}}@keyframes rise{0%{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{box-shadow:0 8px 24px #0006}50%{box-shadow:0 0 30px 2px #f43f5e55,0 8px 24px #0006}}@keyframes blink{50%{opacity:.35}}@keyframes gs{to{background-position:200% 0}}@keyframes shim{to{background-position:-200% 0}}@keyframes grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes eq{0%{transform:scaleY(.15)}to{transform:scaleY(1)}}@keyframes wiggle{0%,86%,to{transform:rotate(0)}90%{transform:rotate(14deg)}94%{transform:rotate(-12deg)}97%{transform:rotate(8deg)}}@media (max-width:1180px){.g12>*{grid-column:span 12}.g12>.k{grid-column:span 6}}@media (max-width:760px){.side{display:none}.g12>.k{grid-column:span 12}.g2{grid-template-columns:1fr}.main{padding:16px}.top{padding:0 16px}}@media (hover:none){.tilt{transform:none!important}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.calm *,.calm *:before,.calm *:after{animation:none!important;transition:none!important}.unknown{background:#1b2531;color:var(--mu)}.in{background:#0d131a;border:1px solid #2B3A4B;border-radius:10px;color:var(--tx);padding:0 12px;height:42px;width:100%;transition:border-color .2s}.in:hover{border-color:#3b5166}.in:disabled{opacity:.5;cursor:not-allowed}select.in{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#8B9AAB 50%),linear-gradient(135deg,#8B9AAB 50%,transparent 50%);background-position:calc(100% - 18px) 18px,calc(100% - 13px) 18px;background-size:5px 5px;background-repeat:no-repeat;padding-right:34px}.fld{display:grid;gap:6px;min-width:0}.fld>span{font-size:12px;color:var(--mu)}.err{border-color:#6b2433;background:linear-gradient(180deg,#2a1520,#170f16)}*:focus-visible{outline:2px solid var(--ac);outline-offset:2px}.prose{line-height:1.65;margin:0;font-size:15px}.sub{color:var(--mu);font-size:13px}.ul{margin:0;padding-left:18px;display:grid;gap:6px;font-size:14px;line-height:1.5}.rec{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#0b1118;display:grid;gap:6px;min-width:0}.canvas{width:100%;display:block;border-radius:10px}details summary{cursor:pointer;color:var(--mu);font-size:13px}details[open] summary{margin-bottom:8px}.gap8{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.cap{text-transform:capitalize}.drop.has{border-style:solid;border-color:var(--ok);background:#34d3990d}.mt{margin-top:4px}.stackc{display:grid;gap:14px;min-width:0}@media print{.side,.top,.chips,.btn,.ghost,.chip,.toasts,.bg{display:none!important}.app{display:block}body{background:#fff;color:#000}.card{box-shadow:none;border-color:#ccc;background:#fff;break-inside:avoid}.main{padding:0}}