*{box-sizing:border-box}:root{--c:#37f5ff;--m:#ff2bd6;--y:#ffd54f;--g:#50ffb1;--t:#eef9ff;--r:#ff5b61}
html,body{margin:0;min-height:100%}body{min-height:100vh;background:#020508;color:var(--t);font-family:Rajdhani,system-ui,sans-serif}.bg{position:fixed;inset:0;background:radial-gradient(circle at 70% 10%,rgba(55,245,255,.08),transparent 34%),radial-gradient(circle at 15% 65%,rgba(255,43,214,.07),transparent 38%),#020508;filter:brightness(.72) contrast(1.1);transform:scale(1.025)}.vignette{position:fixed;inset:0;background:radial-gradient(circle at 50% 45%,transparent 26%,rgba(0,0,0,.18) 58%,rgba(0,0,0,.78));pointer-events:none}.scanlines{position:fixed;inset:0;pointer-events:none;opacity:.2;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.025) 0 1px,rgba(0,0,0,.08) 2px 4px);mix-blend-mode:overlay}.shell{position:relative;z-index:2;min-height:100vh;padding:30px}.portal{position:relative;width:min(1460px,98vw);margin:auto;padding:28px 34px 24px;background:linear-gradient(180deg,rgba(4,14,20,.94),rgba(2,7,11,.88));border:1px solid rgba(55,245,255,.32);backdrop-filter:blur(12px);box-shadow:0 18px 80px rgba(0,0,0,.48),inset 0 0 42px rgba(55,245,255,.04);clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px)}.corner{position:absolute;width:34px;height:34px}.tl{top:8px;left:8px;border-top:2px solid var(--c);border-left:2px solid var(--c)}.tr{top:8px;right:8px;border-top:2px solid var(--m);border-right:2px solid var(--m)}.bl{bottom:8px;left:8px;border-bottom:2px solid var(--m);border-left:2px solid var(--m)}.br{bottom:8px;right:8px;border-bottom:2px solid var(--c);border-right:2px solid var(--c)}.topbar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:0 3px 14px;border-bottom:1px solid rgba(55,245,255,.13);font:9px Orbitron,sans-serif;letter-spacing:.15em;color:rgba(218,242,250,.56)}.meta,.nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.nav a,.linkbtn{color:rgba(218,242,250,.65);text-decoration:none}.nav a:hover,.linkbtn:hover{color:var(--c)}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--g);box-shadow:0 0 10px var(--g);margin-right:8px}.brand{display:flex;align-items:center;gap:16px;padding:18px 6px 12px}.brand-logo{width:68px;height:68px;object-fit:contain;filter:drop-shadow(0 0 15px rgba(55,245,255,.18))}.eyebrow{font:9px Orbitron,sans-serif;letter-spacing:.32em;color:var(--c);margin:0 0 5px}.brand h1{margin:0;font:700 clamp(24px,3.5vw,44px)/1 Orbitron,sans-serif;letter-spacing:.035em;text-shadow:2px 0 rgba(55,245,255,.45),-2px 0 rgba(255,43,214,.38)}.lead{margin:7px 0 0;color:rgba(235,247,252,.62);font-size:15px}.section-title{display:flex;align-items:center;gap:12px;margin:18px 0 11px;font:8px Orbitron,sans-serif;letter-spacing:.2em;color:rgba(205,235,245,.48)}.section-title i{flex:1;height:1px;background:linear-gradient(90deg,rgba(55,245,255,.45),rgba(255,43,214,.22))}.box,.card,.terminal{border:1px solid rgba(55,245,255,.16);background:rgba(0,0,0,.2)}.box-head,.terminal-head{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 11px;border-bottom:1px solid rgba(55,245,255,.12);font:8px Orbitron,sans-serif;letter-spacing:.16em;color:rgba(205,235,245,.54)}.pad{padding:14px}.grid{display:grid;gap:11px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.metric{padding:14px;border:1px solid rgba(55,245,255,.13);background:linear-gradient(125deg,rgba(55,245,255,.04),rgba(255,43,214,.015))}.metric small{display:block;font:7px Orbitron;letter-spacing:.13em;color:rgba(205,235,245,.46)}.metric b{display:block;margin-top:5px;font:20px Orbitron;letter-spacing:.04em}.ok{color:var(--g)!important}.warn{color:var(--y)!important}.bad{color:var(--r)!important}.cyan{color:var(--c)!important}.magenta{color:var(--m)!important}.selected-wrap{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(55,245,255,.28);background:rgba(55,245,255,.045);font:8px Orbitron;letter-spacing:.08em;color:var(--c)}.chip:before{content:'●';color:var(--g);font-size:8px}.empty{color:rgba(220,240,247,.5);font-size:13px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field label,.label{display:block;margin-bottom:6px;font:8px Orbitron;letter-spacing:.12em;color:rgba(205,235,245,.52)}input:not([type]),input[type=text],input[type=password],input[type=number],input[type=search],select{width:100%;min-height:42px;padding:9px 10px;border:1px solid rgba(55,245,255,.2);background:#02080d;color:var(--t);font:14px Rajdhani,sans-serif;outline:none}input:focus,select:focus{border-color:rgba(55,245,255,.65);box-shadow:0 0 0 2px rgba(55,245,255,.07)}input[type=checkbox]{accent-color:var(--c)}.checkline{display:flex;align-items:center;gap:9px;min-height:36px;color:rgba(235,247,252,.78)}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 13px;border:1px solid rgba(55,245,255,.38);background:rgba(55,245,255,.055);color:var(--c);font:8px Orbitron;letter-spacing:.12em;text-decoration:none;cursor:pointer}button:hover,.btn:hover{border-color:var(--c);background:rgba(55,245,255,.1)}.btn-magenta{border-color:rgba(255,43,214,.42);color:var(--m);background:rgba(255,43,214,.04)}.btn-danger{border-color:rgba(255,91,97,.45);color:var(--r);background:rgba(255,91,97,.04)}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.terminal-body{padding:10px 12px;font:12px/1.65 monospace;color:rgba(210,240,245,.74)}.table-wrap{overflow:auto;border:1px solid rgba(55,245,255,.12)}table{width:100%;border-collapse:collapse;min-width:850px}th{padding:10px;text-align:left;border-bottom:1px solid rgba(55,245,255,.18);font:7px Orbitron;letter-spacing:.12em;color:rgba(205,235,245,.48)}td{padding:10px;border-bottom:1px solid rgba(55,245,255,.075);font-size:13px;color:rgba(235,247,252,.76)}tr:hover td{background:rgba(55,245,255,.025)}td a{color:var(--c);text-decoration:none}.sev{font:7px Orbitron;letter-spacing:.09em}.sev-critical{color:var(--r)}.sev-high{color:var(--m)}.sev-medium{color:var(--y)}.sev-low{color:var(--g)}.sev-unknown{color:rgba(220,240,247,.45)}.tech-list{max-height:380px;overflow:auto;border:1px solid rgba(55,245,255,.1);padding:8px}.tech{display:grid;grid-template-columns:22px 1fr;gap:7px;padding:8px;border-bottom:1px solid rgba(55,245,255,.065)}.tech b{font-size:13px}.tech small{display:block;color:rgba(220,240,247,.42);font-size:11px}.tech[data-hidden="1"]{display:none}.pagination{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:12px}.pagination a{padding:6px 9px;border:1px solid rgba(55,245,255,.16);color:rgba(235,247,252,.62);text-decoration:none}.pagination a.active{border-color:var(--c);color:var(--c)}.notice{padding:10px 12px;border-left:2px solid var(--c);background:rgba(55,245,255,.025);color:rgba(220,240,247,.62);font-size:13px}.login-shell{position:relative;z-index:2;min-height:100vh;display:grid;place-items:center;padding:22px}.login-portal{width:min(520px,96vw)}.login-logo{display:block;width:140px;height:140px;object-fit:contain;margin:0 auto 8px;filter:drop-shadow(0 0 20px rgba(55,245,255,.22))}.login-title{text-align:center;margin:0 0 18px;font:700 27px Orbitron;letter-spacing:.05em;text-shadow:2px 0 rgba(55,245,255,.45),-2px 0 rgba(255,43,214,.36)}.qr{display:block;width:min(240px,80vw);background:#fff;padding:8px;margin:12px auto}.device{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px;border-bottom:1px solid rgba(55,245,255,.08)}.device strong{font:10px Orbitron;color:var(--c)}footer{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid rgba(55,245,255,.12);font:7px Orbitron;letter-spacing:.16em;color:rgba(200,228,238,.42)}@media(max-width:900px){.shell{padding:14px}.portal{padding:25px 18px 20px}.grid-4,.grid-3,.grid-2,.form-grid{grid-template-columns:1fr}.topbar{align-items:flex-start}.brand{align-items:flex-start}.brand-logo{width:58px;height:58px}.meta{display:none}.table-wrap{margin-left:-2px;margin-right:-2px}}
