:root{--bg:#090713;--panel:#121022;--panel2:#18142d;--line:#2c2544;--ink:#f3f0ff;--muted:#9992b4;--violet:#8b5cf6;--violet2:#b79aff;--cyan:#55d7e8;--green:#5de3ad;--amber:#ffbe55;--red:#ff647c;--shadow:0 18px 60px rgba(0,0,0,.32)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{background-image:radial-gradient(circle at 75% 0,rgba(104,67,190,.16),transparent 35%),linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:auto,32px 32px,32px 32px}button,input,select,textarea{font:inherit}.hidden{display:none!important}.muted{color:var(--muted)}.error{color:var(--red);min-height:1.2em}.eyebrow{color:var(--violet2);letter-spacing:.16em;font-size:.7rem;font-weight:750;margin:0 0 .45rem}.login-screen{min-height:100vh;display:grid;place-items:center;padding:1.5rem;position:relative;overflow:hidden}.login-glow{position:absolute;width:45rem;height:45rem;background:radial-gradient(circle,rgba(126,80,245,.25),transparent 65%);filter:blur(12px)}.login-card{position:relative;width:min(29rem,100%);padding:3rem;border:1px solid var(--line);border-radius:1.5rem;background:linear-gradient(145deg,rgba(28,22,51,.96),rgba(13,11,26,.96));box-shadow:var(--shadow);text-align:center}.brand-mark{width:4.5rem;height:4.5rem;border:1px solid rgba(183,154,255,.6);border-radius:1rem;display:grid;place-items:center;margin:0 auto 1.7rem;background:linear-gradient(145deg,#8b5cf6,#48258f);font:800 2.2rem Georgia,serif;box-shadow:0 0 35px rgba(139,92,246,.35)}.brand-mark.small{width:2.4rem;height:2.4rem;border-radius:.65rem;margin:0;font-size:1.2rem}.login-card h1{font-size:2.2rem;letter-spacing:.13em;margin:.15rem 0}.login-card label{text-align:left;display:block;color:var(--muted);font-size:.82rem;margin:1.1rem 0}.login-card input{display:block;width:100%;margin-top:.45rem}.classification{margin:1.8rem 0 0;font-size:.62rem;letter-spacing:.12em;color:#736c89}.primary,.ghost,.danger{border:0;border-radius:.65rem;padding:.7rem 1rem;cursor:pointer;font-weight:700}.primary{width:100%;color:white;background:linear-gradient(120deg,var(--violet),#6841bf);box-shadow:0 8px 22px rgba(139,92,246,.2)}.ghost{color:var(--ink);background:#24203b;border:1px solid var(--line)}.danger{color:#ffd7dd;background:rgba(255,100,124,.13);border:1px solid rgba(255,100,124,.35)}input,select,textarea{color:var(--ink);background:#0c0a18;border:1px solid #383052;border-radius:.6rem;padding:.72rem .8rem;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(139,92,246,.15)}textarea{resize:vertical;min-height:5rem}
.app-shell{display:grid;grid-template-columns:16.5rem minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:1.25rem 1rem;overflow-y:auto;background:rgba(12,9,25,.96);border-right:1px solid var(--line);z-index:10}.brand{display:flex;gap:.75rem;align-items:center;padding:.2rem .35rem 1.35rem}.brand strong{display:block;letter-spacing:.09em}.brand span{display:block;color:var(--muted);font-size:.58rem;letter-spacing:.12em;margin-top:.18rem}nav p{font-size:.6rem;letter-spacing:.16em;color:#716987;margin:1.15rem .7rem .35rem}nav button{width:100%;display:flex;align-items:center;gap:.65rem;color:#aaa2c0;background:transparent;border:0;border-radius:.55rem;padding:.56rem .68rem;text-align:left;cursor:pointer;font-size:.81rem}nav button span{width:1.1rem;text-align:center;color:#736a92}nav button:hover,nav button.active{background:linear-gradient(90deg,rgba(139,92,246,.2),rgba(139,92,246,.04));color:white}nav button.active{box-shadow:inset 2px 0 var(--violet)}nav button.active span{color:var(--violet2)}.sidebar-footer{font-size:.7rem;color:var(--muted);padding:1.5rem .65rem .5rem;display:flex;align-items:center;gap:.5rem}.live-dot{width:.45rem;height:.45rem;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}main{min-width:0}.topbar{min-height:5.4rem;position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:1rem;justify-content:space-between;padding:1rem 2rem;background:rgba(9,7,19,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(44,37,68,.7)}.topbar h2{margin:0;font-size:1.25rem}.top-actions{display:flex;align-items:center;gap:1rem}.threat-pill{display:flex;align-items:center;gap:.4rem;padding:.45rem .65rem;border:1px solid var(--line);border-radius:2rem;font-size:.66rem;color:var(--muted)}.threat-pill span{width:.5rem;height:.5rem;border-radius:50%;background:var(--green)}.threat-pill.high span,.threat-pill.critical span{background:var(--red)}.threat-pill.guarded span{background:var(--amber)}.user-block{text-align:right}.user-block span,.user-block small{display:block}.user-block small{color:var(--muted);font-size:.67rem;text-transform:uppercase}.icon-button,.nav-toggle{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:.6rem;padding:.55rem .7rem;cursor:pointer}.nav-toggle{display:none}.warning{padding:.7rem 2rem;background:rgba(255,190,85,.1);color:#ffd99b;border-bottom:1px solid rgba(255,190,85,.25);font-size:.82rem}.content{padding:1.8rem 2rem 4rem;max-width:1600px;margin:auto}
.hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(18rem,.7fr);gap:1rem;margin-bottom:1rem}.hero-panel,.panel{background:linear-gradient(145deg,rgba(25,20,46,.92),rgba(15,13,29,.92));border:1px solid var(--line);border-radius:1rem;box-shadow:0 8px 30px rgba(0,0,0,.14)}.hero-panel{padding:1.6rem;min-height:13rem;position:relative;overflow:hidden}.hero-panel:after{content:"";position:absolute;width:16rem;height:16rem;right:-5rem;top:-6rem;border:1px solid rgba(139,92,246,.24);border-radius:50%;box-shadow:0 0 0 2rem rgba(139,92,246,.04),0 0 0 4rem rgba(139,92,246,.025)}.hero-panel h3{font-size:1.8rem;margin:.2rem 0 .6rem;max-width:36rem}.level-word{color:var(--green)}.level-word.HIGH,.level-word.CRITICAL{color:var(--red)}.level-word.GUARDED{color:var(--amber)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:1.5rem}.stat{padding:.8rem;border:1px solid rgba(72,62,105,.65);border-radius:.7rem;background:rgba(7,6,16,.32)}.stat strong{display:block;font-size:1.3rem}.stat span{color:var(--muted);font-size:.69rem}.panel{padding:1rem}.panel-head{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:.8rem}.panel h3,.panel h4{margin:.15rem 0}.panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.panel-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.source-meter{display:flex;align-items:end;gap:.45rem;height:4.8rem;margin:1rem 0}.source-meter i{display:block;flex:1;min-width:.7rem;background:linear-gradient(var(--violet2),var(--violet));border-radius:.3rem .3rem .08rem .08rem;opacity:.8}.source-summary{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted)}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:.8rem;background:rgba(14,11,27,.8)}table{width:100%;border-collapse:collapse;font-size:.78rem}th,td{text-align:left;padding:.72rem .8rem;border-bottom:1px solid rgba(44,37,68,.7);vertical-align:top}th{position:sticky;top:0;background:#17132a;color:#8f87a8;font-size:.64rem;letter-spacing:.08em;text-transform:uppercase}tr:last-child td{border-bottom:0}.badge{display:inline-flex;align-items:center;border-radius:2rem;padding:.24rem .5rem;font-size:.61rem;font-weight:750;letter-spacing:.05em;border:1px solid #403756;background:#211b38}.badge.HIGH,.badge.CRITICAL{color:#ff98a8;border-color:rgba(255,100,124,.4);background:rgba(255,100,124,.1)}.badge.MEDIUM,.badge.GUARDED{color:#ffd38b;border-color:rgba(255,190,85,.35);background:rgba(255,190,85,.08)}.badge.LOW,.badge.healthy{color:#82edc2;border-color:rgba(93,227,173,.34);background:rgba(93,227,173,.08)}.badge.degraded{color:#ff98a8}.detection-list{display:grid;gap:.65rem}.detection{padding:1rem;border:1px solid var(--line);border-radius:.8rem;background:rgba(20,16,38,.85);display:grid;grid-template-columns:5rem minmax(0,1fr) auto;gap:.9rem;align-items:start}.detection h4{margin:.08rem 0 .35rem}.detection p{margin:.25rem 0;color:var(--muted);font-size:.78rem;line-height:1.45}.detection time{color:#77708e;font-size:.65rem}.detection a{color:var(--cyan);text-decoration:none}.detection-actions{display:flex;gap:.4rem}.detection-actions select{padding:.35rem;font-size:.67rem}.toolbar{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem}.toolbar input{flex:1;min-width:14rem}.toolbar button{width:auto}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.form-grid label{display:grid;gap:.35rem;color:var(--muted);font-size:.72rem}.form-grid .wide{grid-column:span 2}.form-grid button{align-self:end;width:auto}.gate{padding:2rem;text-align:center;border:1px dashed #4b406c;border-radius:1rem;background:radial-gradient(circle at 50% 0,rgba(139,92,246,.15),transparent 60%)}.gate-icon{font-size:2.7rem;color:var(--violet2)}.gate h3{margin:.7rem 0}.gate p{max-width:45rem;margin:.5rem auto;color:var(--muted);line-height:1.55}.empty{text-align:center;padding:3rem;color:var(--muted)}.empty span{font-size:2rem;color:#5f547c}.empty h3{color:var(--ink)}.timeline{border-left:1px solid #44375f;margin-left:.55rem;padding-left:1.4rem}.timeline article{position:relative;margin-bottom:1.2rem}.timeline article:before{content:"";position:absolute;width:.55rem;height:.55rem;border-radius:50%;left:-1.7rem;top:.3rem;background:var(--violet2);box-shadow:0 0 0 .3rem rgba(139,92,246,.13)}.timeline h4{margin:.1rem 0}.timeline p{color:var(--muted);font-size:.78rem}.graph{min-height:26rem;position:relative;overflow:hidden;background:radial-gradient(circle,rgba(139,92,246,.1),transparent 55%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,28px 28px,28px 28px}.nodes{display:flex;flex-wrap:wrap;gap:2rem;align-items:center;justify-content:center;min-height:24rem;padding:2rem}.node{display:grid;place-items:center;width:7rem;height:7rem;text-align:center;border-radius:50%;border:1px solid #6d53a8;background:rgba(46,31,83,.86);box-shadow:0 0 30px rgba(139,92,246,.16);font-size:.72rem;padding:.5rem}.node.core{width:9rem;height:9rem;background:linear-gradient(145deg,#6841bf,#2d1d52);font-weight:800}.node.provider{border-color:#3c8690}.kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.kv div{padding:.75rem;border:1px solid var(--line);border-radius:.65rem}.kv strong,.kv span{display:block}.kv span{color:var(--muted);font-size:.7rem;margin-top:.25rem}.notice{color:var(--muted);font-size:.75rem;line-height:1.5;padding:.8rem;border-left:2px solid var(--violet)}
.live-dot.offline{opacity:.35;box-shadow:none}
@media(max-width:1000px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;transform:translateX(-105%);transition:.2s;width:17rem}.sidebar.open{transform:none}.nav-toggle{display:block}.hero,.panel-grid.three{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.content,.topbar{padding-left:1rem;padding-right:1rem}.topbar .eyebrow,.user-block,.threat-pill{display:none}.panel-grid,.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.detection{grid-template-columns:1fr}.login-card{padding:2rem 1.4rem}.stats{grid-template-columns:1fr 1fr}}