:root{--bg:#07090d;--panel:rgba(15,18,24,.86);--line:#272d38;--muted:#818a9a;--text:#eef2f7;--red:#f04444;--green:#45d483;--amber:#ffbf69;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--sans:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--sans)}body{overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");z-index:20}.grid{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 82%)}.hidden{display:none!important}.boot{min-height:100vh;display:grid;place-content:center;gap:18px;text-align:center}.boot-mark,.brand-symbol{width:64px;height:64px;margin:auto;position:relative}.boot-mark:before,.boot-mark:after,.brand-symbol:before,.brand-symbol:after{content:"";position:absolute;background:var(--red)}.boot-mark:before,.brand-symbol:before{width:50px;height:2px;left:7px;top:31px}.boot-mark:after,.brand-symbol:after{width:2px;height:50px;left:31px;top:7px}.boot-mark span,.brand-symbol span{position:absolute;inset:16px;border:2px solid #fff;transform:rotate(45deg)}.boot-mark i,.brand-symbol i{position:absolute;width:8px;height:8px;background:var(--red);border-radius:50%;left:28px;top:28px;box-shadow:0 0 18px var(--red)}.boot-copy strong{display:block;letter-spacing:.35em;font-size:18px}.boot-copy small,.eyebrow{font:11px var(--mono);letter-spacing:.16em;color:var(--muted)}.boot-bar{width:310px;height:2px;background:#252a34;margin-top:6px}.boot-bar span{display:block;height:100%;width:0;background:var(--red);box-shadow:0 0 10px var(--red);transition:width .25s}.login-view{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:8vw;padding:8vw}.brand-lockup{display:flex;align-items:center;gap:24px;margin:22px 0}.brand-symbol{margin:0}.brand-symbol.mini{width:34px;height:34px}.brand-symbol.mini:before{width:28px;left:3px;top:16px}.brand-symbol.mini:after{height:28px;left:16px;top:3px}.brand-symbol.mini span{inset:9px}.brand-symbol.mini i{left:13px;top:13px}.login-brand h1{font-size:clamp(50px,7vw,100px);margin:0;letter-spacing:-.06em}.login-brand h1 span,.side-brand span{color:var(--red)}.login-brand p{max-width:560px;color:#aab2bf;font-size:18px;line-height:1.7}.network-status{display:flex;gap:22px;flex-wrap:wrap;margin-top:36px;font:11px var(--mono);color:var(--muted)}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:7px}.online{background:var(--green);box-shadow:0 0 10px var(--green)}.panel{background:linear-gradient(145deg,rgba(21,25,32,.92),rgba(10,12,17,.94));border:1px solid var(--line);box-shadow:0 20px 60px rgba(0,0,0,.35)}.login-panel{max-width:520px;width:100%;padding:34px}.panel-head,.section-title{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.panel-head h2,.section-title h3{margin:5px 0 0}.status-pill{border:1px solid var(--line);padding:9px 11px;font:10px var(--mono);color:#aeb6c3}form{margin-top:30px}label{font:10px var(--mono);letter-spacing:.14em;color:#9da6b4;display:block;margin:18px 0}.field{display:flex;border:1px solid #343a46;margin-top:9px;background:#0b0e13}.field:focus-within{border-color:#6b7484;box-shadow:0 0 0 3px rgba(255,255,255,.035)}.field span{padding:15px;border-right:1px solid var(--line);color:#596170}.field input{width:100%;border:0;outline:0;background:transparent;color:#fff;padding:15px;font:14px var(--mono)}.primary{width:100%;border:1px solid var(--red);background:var(--red);color:#fff;padding:16px 18px;font:700 12px var(--mono);letter-spacing:.15em;display:flex;justify-content:space-between;cursor:pointer;transition:.2s}.primary:hover{background:#ff5757;transform:translateY(-1px)}.form-error{min-height:18px;color:#ff7373;font:11px var(--mono)}.demo-note{margin-top:20px;color:#626b79;font:10px var(--mono);text-align:center}.app{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{height:100vh;position:sticky;top:0;border-right:1px solid var(--line);background:rgba(8,10,14,.94);display:flex;flex-direction:column;padding:24px 18px}.side-brand{display:flex;gap:14px;align-items:center;padding:0 10px 27px;border-bottom:1px solid var(--line);letter-spacing:.08em}.side-brand b{font-size:15px}.sidebar nav{display:grid;gap:5px;margin-top:25px}.nav-item{border:0;background:transparent;color:#8993a2;text-align:left;padding:14px 13px;font:12px var(--mono);cursor:pointer;border-left:2px solid transparent}.nav-item span{color:#414957;margin-right:14px}.nav-item:hover,.nav-item.active{color:#fff;background:#12161d;border-left-color:var(--red)}.nav-item.active span{color:var(--red)}.side-footer{margin-top:auto;border-top:1px solid var(--line);padding:20px 10px 0;font:10px var(--mono);color:#77818f}.side-footer button{margin-top:16px;padding:0;border:0;background:none;color:#e26b6b;font:10px var(--mono);cursor:pointer}.workspace{min-width:0;padding:0 38px 38px}.topbar{height:105px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.topbar h2{margin:4px 0 0;font-size:24px}.top-right{display:flex;align-items:center;gap:26px}.clock{text-align:right;font:13px var(--mono)}.clock small,.operator small{display:block;color:#67717f;font-size:9px;margin-top:4px}.operator{display:flex;gap:12px;align-items:center}.operator b{font-size:12px}.avatar{width:40px;height:40px;display:grid;place-content:center;border:1px solid #4a5260;background:#171b23;font:12px var(--mono)}.avatar.large{width:92px;height:92px;font-size:25px;margin:auto}.menu-btn{display:none}.page{display:none;padding-top:30px}.page.active{display:block;animation:fade .28s ease}.hero{padding:30px;display:flex;justify-content:space-between;align-items:center}.hero h3{font-size:28px;margin:8px 0}.hero p{color:#8d97a6;margin:0}.threat-ring{width:130px;height:130px;border-radius:50%;padding:11px;background:conic-gradient(var(--green) 0 270deg,#222833 270deg);display:grid;place-content:center}.threat-ring:before{content:"";position:absolute}.threat-ring>div{width:108px;height:108px;border-radius:50%;background:#0d1016;display:grid;place-content:center;text-align:center}.threat-ring strong{font:20px var(--mono);color:var(--green)}.threat-ring span{font:8px var(--mono);color:#687281}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:14px 0}.stat{padding:22px}.stat small{font:9px var(--mono);color:#748090;letter-spacing:.12em}.stat strong{display:block;font-size:28px;margin:12px 0 7px}.stat span{font-size:11px;color:#6f7987}.dashboard-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:14px}.activity,.node-card{padding:25px}.live{font:9px var(--mono);color:#8e98a7}.activity-row{display:grid;grid-template-columns:52px 48px 1fr;gap:10px;align-items:center;padding:18px 0;border-bottom:1px solid #20252e}.activity-row:last-child{border-bottom:0}.activity-row time{font:10px var(--mono);color:#65707e}.activity-row p{font-size:12px;color:#a5adba;margin:0}.tag{font:9px var(--mono);border:1px solid #3b4451;padding:5px;text-align:center;color:#a3acb9}.tag.green{border-color:#2d6c4d;color:#67db98}.tag.amber{border-color:#72562d;color:#ffc878}.node-map{height:240px;margin:22px 0;background:radial-gradient(circle at center,rgba(240,68,68,.16),transparent 30%),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;position:relative;overflow:hidden;border:1px solid #222832}.crosshair{position:absolute;inset:50%;width:90px;height:90px;transform:translate(-50%,-50%);border:1px solid rgba(240,68,68,.5);border-radius:50%}.crosshair:before,.crosshair:after{content:"";position:absolute;background:rgba(240,68,68,.45)}.crosshair:before{width:130px;height:1px;left:-20px;top:44px}.crosshair:after{height:130px;width:1px;top:-20px;left:44px}.pulse{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 14px var(--red)}.p1{top:28%;left:27%}.p2{top:68%;left:61%}.p3{top:38%;right:18%}.node-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.node-metrics span{border-left:1px solid var(--line);padding-left:12px}.node-metrics small{display:block;font:8px var(--mono);color:#626c7a}.node-metrics b{font:12px var(--mono)}.empty{min-height:440px;display:grid;place-content:center;text-align:center}.empty span{font:11px var(--mono);color:var(--red)}.empty h3{font-size:28px;margin:16px 0 8px}.empty p{color:#7f8997}.profile-grid{display:grid;grid-template-columns:340px 1fr;gap:14px}.profile-card,.profile-data{padding:34px;text-align:center}.profile-card h3{font-size:24px;margin:18px 0 5px}.profile-card p{color:#788290}.profile-data{text-align:left}.profile-data dl{margin-top:25px}.profile-data dl div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:18px 0}.profile-data dt{color:#727c8a}.profile-data dd{margin:0;font:12px var(--mono)}@keyframes fade{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:980px){.login-view{grid-template-columns:1fr;padding:45px 24px}.login-brand{display:none}.login-panel{margin:auto}.app{grid-template-columns:1fr}.sidebar{position:fixed;z-index:30;width:260px;transform:translateX(-105%);transition:.25s}.sidebar.open{transform:none}.workspace{padding:0 18px 24px}.menu-btn{display:block;border:1px solid var(--line);background:#10141a;color:#fff;padding:8px 11px;margin-right:14px}.topbar{height:88px}.topbar>div:nth-child(2){margin-right:auto}.clock{display:none}.operator small{display:none}.stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.profile-grid{grid-template-columns:1fr}.hero{align-items:flex-start}.threat-ring{width:100px;height:100px}.threat-ring>div{width:80px;height:80px}.threat-ring strong{font-size:15px}}@media(max-width:600px){.top-right .operator>div:last-child{display:none}.hero{display:block}.threat-ring{margin-top:24px}.stats{grid-template-columns:1fr}.activity-row{grid-template-columns:42px 44px 1fr}.login-panel{padding:25px}.network-status{gap:10px}.workspace{padding:0 12px 20px}}
.scanline{position:fixed;inset:-20% 0 auto;height:18%;z-index:18;pointer-events:none;background:linear-gradient(to bottom,transparent,rgba(240,68,68,.035),transparent);animation:scan 8s linear infinite}.fx-flash{position:fixed;inset:0;z-index:90;pointer-events:none;background:rgba(69,212,131,.13);opacity:0}.fx-flash.active{animation:flash .55s ease}.sound-toggle{position:fixed;right:18px;bottom:16px;z-index:80;border:1px solid #303744;background:rgba(10,13,18,.92);color:#8792a2;padding:9px 12px;font:9px var(--mono);letter-spacing:.12em;cursor:pointer}.sound-toggle:hover{color:#fff;border-color:#586273}.toast{position:fixed;right:22px;top:22px;z-index:100;min-width:260px;max-width:360px;padding:15px 18px;border:1px solid #343c49;background:rgba(8,11,16,.96);font:11px var(--mono);color:#d8dee8;transform:translateY(-20px);opacity:0;pointer-events:none;transition:.25s}.toast.show{transform:none;opacity:1}.toast.success{border-color:#2f8058}.toast.error{border-color:#8d3333}.auth-overlay{position:fixed;inset:0;z-index:70;background:rgba(3,5,8,.95);display:grid;place-content:center}.auth-box{width:min(520px,86vw);text-align:center}.auth-symbol{width:74px;height:74px;margin:0 auto 24px;position:relative}.auth-symbol:before,.auth-symbol:after{content:"";position:absolute;background:var(--red)}.auth-symbol:before{height:2px;width:58px;top:36px;left:8px}.auth-symbol:after{width:2px;height:58px;left:36px;top:8px}.auth-symbol span{position:absolute;inset:17px;border:2px solid #fff;transform:rotate(45deg);animation:spinmark 2s linear infinite}.auth-symbol i{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--red);left:33px;top:33px;box-shadow:0 0 22px var(--red)}.auth-box h2{font:700 28px var(--mono);letter-spacing:.16em}.auth-stage{min-height:22px;color:#8d98a8;font:12px var(--mono)}.auth-progress{height:3px;background:#242a34;margin:25px 0 10px}.auth-progress span{display:block;height:100%;width:0;background:var(--red);box-shadow:0 0 14px var(--red);transition:width .35s}.auth-percent{font:11px var(--mono);color:#5f6978}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tool-card{padding:24px;position:relative;overflow:hidden}.tool-card:after{content:"";position:absolute;inset:auto -50% -70% auto;width:180px;height:180px;border:1px solid rgba(255,255,255,.035);transform:rotate(45deg)}.danger-edge{border-left-color:var(--red)}.tool-icon{width:48px;height:48px;display:grid;place-content:center;border:1px solid #3a4350;background:#0b0e13;color:var(--red);font:10px var(--mono);margin-bottom:18px}.tool-card small,.operative small{font:9px var(--mono);letter-spacing:.12em;color:#697483}.tool-card h3{font-size:17px;margin:8px 0}.tool-card p{min-height:52px;color:#7e8998;font-size:12px;line-height:1.55}.tool-btn{position:relative;z-index:2;border:1px solid #3b4450;background:#10141a;color:#d9e0ea;padding:11px 13px;font:9px var(--mono);letter-spacing:.1em;cursor:pointer}.tool-btn:hover{border-color:var(--red);color:#fff;box-shadow:0 0 18px rgba(240,68,68,.08)}.tool-btn.compact{padding:9px 11px}.tool-console{margin-top:14px;padding:25px}.console-lines{height:190px;overflow:auto;background:#07090c;border:1px solid #202731;padding:15px;font:11px/1.8 var(--mono);color:#8d98a6}.console-lines p{margin:0}.console-lines time{display:inline-block;width:46px;color:var(--red)}.page-heading{margin-bottom:18px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.operative{padding:20px;display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:16px}.operative-photo{width:64px;height:76px;border:1px solid #343d49;display:grid;place-content:center;font:14px var(--mono);position:relative;overflow:hidden}.operative-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(240,68,68,.12))}.operative-photo span{position:relative}.op1{background:radial-gradient(circle at 30% 25%,#303946,#0a0d12 70%)}.op2{background:radial-gradient(circle at 70% 35%,#2d3540,#0a0d12 70%)}.op3{background:radial-gradient(circle at 45% 30%,#34303a,#0a0d12 70%)}.operative h3{margin:5px 0;font-size:16px}.operative p{margin:0;color:#748090;font-size:11px}.route-panel{padding:25px;margin-top:14px}.route-map{height:280px;position:relative;border:1px solid #232a34;background:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:30px 30px;overflow:hidden}.route-line{position:absolute;left:16%;right:15%;top:51%;height:2px;background:linear-gradient(90deg,var(--red),#6a3340,var(--red));box-shadow:0 0 15px rgba(240,68,68,.35);transform:rotate(-7deg)}.route-node{position:absolute;width:34px;height:34px;border:1px solid var(--red);background:#0d1015;display:grid;place-content:center;font:9px var(--mono);box-shadow:0 0 15px rgba(240,68,68,.15)}.n1{left:15%;top:58%}.n2{left:46%;top:42%}.n3{right:14%;top:31%}.user-node{left:58%;bottom:14%;border-color:var(--green);color:var(--green)}.modal{position:fixed;inset:0;z-index:85;background:rgba(2,4,7,.78);backdrop-filter:blur(8px);display:grid;place-content:center;padding:20px}.modal-card{width:min(520px,94vw);padding:28px;position:relative;animation:modalIn .22s ease}.modal-close{position:absolute;right:14px;top:12px;border:0;background:none;color:#788393;font-size:25px;cursor:pointer}.lock-ui{text-align:center;padding:14px}.lock-graphic{width:82px;height:72px;margin:10px auto 22px;position:relative}.lock-body{position:absolute;left:13px;right:13px;bottom:0;height:45px;border:2px solid var(--red);background:#0c0f14}.lock-shackle{position:absolute;left:24px;top:0;width:34px;height:36px;border:2px solid #d8dee8;border-bottom:0;border-radius:22px 22px 0 0;transform-origin:left bottom;transition:.45s}.lock-ui.open .lock-shackle{transform:rotate(-42deg) translate(-4px,8px)}.modal-input{width:100%;margin:18px 0;border:1px solid #343d49;background:#090c11;color:#fff;padding:14px;font:14px var(--mono);outline:0}.modal-actions{display:flex;gap:10px}.modal-actions button{flex:1}.tracker-shell{height:5px;background:#252c36;margin:22px 0}.tracker-shell span{display:block;height:100%;width:0;background:var(--red);box-shadow:0 0 14px var(--red);transition:width 1s linear}.dossier{display:grid;grid-template-columns:90px 1fr;gap:18px;align-items:center}.dossier-avatar{width:90px;height:110px;border:1px solid #39424f;display:grid;place-content:center;font:24px var(--mono);background:radial-gradient(circle,#27303a,#090c10 70%)}@keyframes scan{from{transform:translateY(-120vh)}to{transform:translateY(140vh)}}@keyframes flash{0%{opacity:0}20%{opacity:1}100%{opacity:0}}@keyframes spinmark{to{transform:rotate(405deg)}}@keyframes modalIn{from{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:none}}@media(max-width:1100px){.tools-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.operative{grid-template-columns:64px 1fr auto}}@media(max-width:650px){.tools-grid{grid-template-columns:1fr}.operative{grid-template-columns:56px 1fr}.operative .tool-btn{grid-column:1/-1}.sound-toggle{right:10px;bottom:10px}.auth-box h2{font-size:21px}}

/* v4 private access */
.access-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:18px}.access-card{padding:24px;display:flex;flex-direction:column;gap:18px;min-height:310px;position:relative;overflow:hidden}.access-card:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 60%,rgba(255,65,70,.05));pointer-events:none}.access-card.redline{border-left:2px solid var(--red)}.access-code{width:58px;height:58px;border:1px solid rgba(255,75,79,.55);display:grid;place-items:center;font-family:var(--mono);font-weight:800;color:var(--red);background:rgba(255,50,55,.06);box-shadow:inset 0 0 22px rgba(255,50,55,.06)}.access-card h3{font-size:23px;margin:6px 0 10px}.access-card p{color:var(--muted);line-height:1.7;flex:1}.private-console{padding:22px}.member-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.member-card{padding:18px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;transition:.25s ease}.member-card:hover{transform:translateY(-2px);border-color:rgba(255,68,72,.42);box-shadow:0 16px 45px rgba(0,0,0,.28)}.member-avatar{width:54px;height:54px;border:1px solid rgba(255,75,79,.48);display:grid;place-items:center;font-family:var(--mono);font-weight:800;background:rgba(255,50,55,.07);color:#fff}.member-card h3{margin:4px 0 2px}.member-card p,.member-card small{color:var(--muted)}.member-state{font-family:var(--mono);font-size:10px;letter-spacing:1.2px;padding:7px 9px;border:1px solid}.member-state.online{color:#51df91;border-color:rgba(81,223,145,.35)}.member-state.idle{color:#efbb5d;border-color:rgba(239,187,93,.35)}.member-state.offline{color:#818995;border-color:rgba(129,137,149,.3)}.council-members{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}.council-member{border:1px solid var(--line);padding:14px;background:rgba(255,255,255,.02)}.council-member b{display:block;margin-bottom:4px}.council-member small{color:var(--muted);font-family:var(--mono)}
@media(max-width:900px){.access-grid{grid-template-columns:1fr}.member-grid{grid-template-columns:1fr}.council-members{grid-template-columns:1fr}}