:root{
  --bg:#050709;--panel:#0a0d10;--panel2:#0d1115;--line:#1b2329;--muted:#69747b;--text:#d9e0e3;
  --acid:#a7ff6b;--acid2:#4df6b2;--red:#ff526e;--amber:#f7c75b;--blue:#69b7ff;
  --mono:'IBM Plex Mono',monospace;--sans:'Space Grotesk',system-ui,sans-serif;
  --shadow:0 18px 50px rgba(0,0,0,.35)
}
*{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,.scanlines,.vignette{position:fixed;inset:0;pointer-events:none;z-index:50}.noise{opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.scanlines{opacity:.035;background:linear-gradient(to bottom,transparent 0,transparent 2px,rgba(255,255,255,.18) 3px);background-size:100% 4px}.vignette{background:radial-gradient(circle at center,transparent 38%,rgba(0,0,0,.42) 100%)}
button,input,textarea{font:inherit}button{cursor:pointer}.shell{width:min(1500px,calc(100vw - 36px));margin:18px auto 20px;position:relative;z-index:2}.topbar{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);background:rgba(7,10,12,.86);backdrop-filter:blur(10px);padding:15px 18px;box-shadow:var(--shadow)}
.brand{display:flex;gap:13px;align-items:center;cursor:pointer}.brand-dot{width:10px;height:10px;border-radius:50%;background:var(--acid);box-shadow:0 0 15px rgba(167,255,107,.55);animation:pulse 2s infinite}.brand-main{font:600 15px var(--mono);letter-spacing:.14em}.brand-sub{margin-top:4px;color:var(--muted);font:10px var(--mono);letter-spacing:.1em}.top-meta{display:flex;gap:24px;align-items:center;font:11px var(--mono);letter-spacing:.08em}.server-status{color:var(--acid2)}.status-led{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px;background:currentColor;box-shadow:0 0 10px currentColor}.clock{color:#f2f5f6;font-size:17px}
.intro-strip{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:11px 14px;border-left:2px solid var(--amber);background:rgba(24,20,8,.5);color:#cfc7a2;font:11px var(--mono)}.eyebrow{color:var(--amber);letter-spacing:.12em;margin-right:12px}.icon-btn{border:0;background:none;color:#777;font-size:20px;padding:0 4px}.icon-btn:hover{color:#fff}
.layout{display:grid;grid-template-columns:220px 1fr;gap:10px;margin-top:10px;min-height:720px}.sidebar{border:1px solid var(--line);background:rgba(7,10,12,.92);display:flex;flex-direction:column}.sidebar-block{padding:17px;border-bottom:1px solid var(--line)}.mini-label{font:10px var(--mono);color:var(--muted);letter-spacing:.12em}.identity-id{margin-top:8px;font:600 14px var(--mono);color:var(--acid2);overflow:hidden;text-overflow:ellipsis}.session-age{margin-top:4px;color:#849097;font:11px var(--mono)}.nav{padding:9px;display:flex;flex-direction:column;gap:3px}.nav-item{width:100%;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;border:1px solid transparent;background:transparent;color:#7d888e;text-align:left;padding:10px 9px}.nav-item span{font:10px var(--mono);color:#46515a}.nav-item b{font:11px var(--mono);letter-spacing:.08em;font-weight:500}.nav-item:hover,.nav-item.active{background:rgba(167,255,107,.04);border-color:#1f2d24;color:#e7eee8}.nav-item.active b{color:var(--acid)}.nav-item.active span{color:var(--acid)}.badge{font:9px var(--mono);font-style:normal;color:var(--red);border:1px solid #512431;padding:2px 5px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--red);box-shadow:0 0 7px rgba(255,82,110,.7)}.sidebar-footer{margin-top:auto;padding:10px;border-top:1px solid var(--line);display:flex;justify-content:space-between}.tiny-link{border:0;background:none;color:#59646b;font:10px var(--mono);padding:5px 1px}.tiny-link:hover{color:#cbd3d5}
.mainpane{position:relative;border:1px solid var(--line);background:radial-gradient(circle at 100% 0,rgba(36,68,53,.1),transparent 35%),rgba(6,9,11,.88);overflow:hidden}.view{padding:24px;min-height:720px}.hero-grid{display:grid;grid-template-columns:1.4fr .9fr;gap:14px}.hero{min-height:320px;border:1px solid var(--line);padding:28px;position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(12,18,21,.9),rgba(6,8,10,.9))}.hero:after{content:"";position:absolute;inset:auto -80px -120px auto;width:320px;height:320px;border:1px solid rgba(167,255,107,.13);border-radius:50%;box-shadow:0 0 0 45px rgba(167,255,107,.02),0 0 0 90px rgba(167,255,107,.015)}.eyebrow2{font:10px var(--mono);letter-spacing:.16em;color:var(--acid);text-transform:uppercase}.hero h1{font-size:clamp(38px,6vw,76px);line-height:.92;max-width:760px;margin:19px 0 15px;letter-spacing:-.06em}.hero p{max-width:650px;color:#819096;line-height:1.7;font-size:14px}.hero-meta{display:flex;gap:18px;margin-top:25px;flex-wrap:wrap}.metric{border-left:2px solid var(--line);padding-left:10px}.metric .label{display:block;font:9px var(--mono);color:#59656b}.metric .value{display:block;margin-top:4px;font:600 14px var(--mono);color:#dce4e8}.dashboard{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel{border:1px solid var(--line);background:rgba(8,11,13,.74);box-shadow:var(--shadow)}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:12px 13px;border-bottom:1px solid var(--line);font:10px var(--mono);letter-spacing:.11em;color:#95a0a5}.panel-body{padding:14px}.signal{display:grid;grid-template-columns:repeat(20,1fr);gap:3px;height:42px;align-items:end}.signal i{display:block;background:#203029;height:var(--h);box-shadow:0 0 7px rgba(77,246,178,.13)}.signal i:nth-child(3n){background:#315743}.signal i:nth-child(7n){background:#5d8d56}.log-list{display:flex;flex-direction:column;gap:8px}.log-line{display:grid;grid-template-columns:68px 1fr;gap:9px;font:11px var(--mono);color:#8b969b}.log-line b{font-weight:400;color:#4f5c63}.danger{color:var(--red)!important}.acid{color:var(--acid)!important}.muted{color:#657177}.section-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-end;margin-bottom:17px}.section-kicker{font:10px var(--mono);color:var(--muted);letter-spacing:.12em}.section-head h2{margin:6px 0 0;font-size:28px;letter-spacing:-.03em}.subcopy{color:#68767c;font-size:12px;line-height:1.6;max-width:700px}.btn{border:1px solid #26322d;background:#0e1713;color:#bdeac1;padding:9px 12px;font:10px var(--mono);letter-spacing:.08em}.btn:hover{border-color:#5c8266;color:#fff;box-shadow:0 0 0 1px rgba(167,255,107,.08) inset}.btn.danger{background:#170d10;border-color:#4a232e;color:#ff8b9f}.btn.ghost{background:transparent;border-color:var(--line);color:#7e8a8f}
.input{width:100%;border:1px solid var(--line);background:#06080a;color:#dbe2e5;padding:12px 13px;outline:none}.input:focus{border-color:#395144;box-shadow:0 0 0 2px rgba(167,255,107,.05)}.searchbar{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:14px}.result-list,.post-list,.mail-list,.file-grid,.market-grid,.camera-grid{display:grid;gap:9px}.result-card,.post-card,.mail-card,.file-card,.market-card,.camera-card{border:1px solid var(--line);padding:14px;background:rgba(7,10,12,.75);transition:.2s}.result-card:hover,.post-card:hover,.mail-card:hover,.file-card:hover,.market-card:hover,.camera-card:hover{transform:translateY(-1px);border-color:#2b3a32}.card-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.result-title,.post-title,.mail-subj,.file-name,.market-name{font-weight:600}.meta{font:10px var(--mono);color:#5d696f}.snippet,.body{margin-top:7px;color:#879399;font-size:12px;line-height:1.65}.tag{display:inline-flex;padding:3px 6px;border:1px solid #26332b;color:#78b783;background:#0c1510;font:9px var(--mono)}
.post-card{cursor:pointer}.post-card.null-post{border-color:#3f2028;background:linear-gradient(90deg,rgba(48,13,21,.2),rgba(7,10,12,.7))}.mail-card{cursor:pointer}.mail-card.unread{border-left:2px solid var(--acid)}.file-grid{grid-template-columns:repeat(3,1fr)}.file-card{min-height:150px;cursor:pointer}.file-icon{width:38px;height:38px;border:1px solid #25332b;display:grid;place-items:center;font:12px var(--mono);color:var(--acid);margin-bottom:14px}.market-grid{grid-template-columns:repeat(3,1fr)}.market-card{min-height:180px}.price{font:700 24px var(--mono);color:#e8efec;margin:20px 0 12px}.market-detail{font-size:11px;line-height:1.5;color:#738087}.buyrow{margin-top:14px;display:flex;align-items:center;justify-content:space-between}.cctv-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.camera-grid{grid-template-columns:repeat(2,1fr)}.camera-card{padding:0;overflow:hidden;background:#020304}.camera-screen{aspect-ratio:16/9;position:relative;background:radial-gradient(circle at 53% 58%,#1e2924 0 7%,transparent 8%),radial-gradient(circle at 55% 61%,#0d1411 0 19%,transparent 20%),linear-gradient(180deg,#0a0f0e,#030505 55%,#06090a)}.camera-screen:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 49%,rgba(167,255,107,.08) 50%,transparent 51%),repeating-linear-gradient(0deg,transparent 0 7px,rgba(255,255,255,.025) 8px);mix-blend-mode:screen}.camera-screen .cam-label{position:absolute;left:9px;top:8px;font:9px var(--mono);color:#94a09f}.camera-screen .rec{position:absolute;right:9px;top:8px;color:var(--red);font:9px var(--mono)}.camera-info{padding:10px;border-top:1px solid #131a1c;display:flex;justify-content:space-between;font:10px var(--mono);color:#627076}.camera-card.unknown .camera-screen{background:#060708}.camera-card.unknown .camera-screen:after{content:"SIGNAL NOT FROM THIS BUILDING";position:absolute;left:20px;right:20px;top:50%;transform:translateY(-50%);text-align:center;color:#b73e58;font:10px var(--mono);letter-spacing:.1em}
.terminal{border:1px solid #16231c;background:#030605;min-height:550px;display:flex;flex-direction:column}.terminal-head{display:flex;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #132019;font:10px var(--mono);color:#668071}.terminal-output{padding:14px;flex:1;overflow:auto;font:12px/1.65 var(--mono);color:#9de8ac;white-space:pre-wrap}.terminal-line{display:flex;padding:10px 12px;border-top:1px solid #132019;gap:8px}.terminal-prompt{color:var(--acid)}.terminal-input{flex:1;border:0;outline:0;background:transparent;color:#dff5e4;font:12px var(--mono)}.session-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:14px}.timeline{border-left:1px solid #1d272b;padding-left:15px;display:flex;flex-direction:column;gap:13px}.timeline .event{position:relative}.timeline .event:before{content:"";position:absolute;left:-20px;top:3px;width:8px;height:8px;border:1px solid #466052;background:#0b110d}.event time{display:block;color:#58646b;font:9px var(--mono)}.event strong{display:block;margin-top:3px;font:11px var(--mono);color:#c8d1d3}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.setting{border:1px solid var(--line);padding:14px}.setting h4{margin:0 0 6px;font-size:13px}.toggle{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--line);margin-top:12px;color:#7a858a;font:10px var(--mono)}.switch{width:36px;height:19px;border:1px solid #314038;border-radius:20px;padding:2px}.switch i{display:block;width:13px;height:13px;border-radius:50%;background:#54605c}.switch.on{border-color:#466847}.switch.on i{margin-left:15px;background:var(--acid)}
.bottombar{display:flex;justify-content:space-between;gap:15px;margin-top:10px;padding:9px 12px;border:1px solid var(--line);font:9px var(--mono);color:#49555c}.bottombar span{color:#77847b}.footer-warning{color:#7e3c4b}
.modal{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(6px)}.modal-card{position:relative;width:min(740px,95vw);max-height:82vh;overflow:auto;border:1px solid #2c3936;background:#070b0d;box-shadow:0 30px 90px rgba(0,0,0,.65);padding:20px}.modal-title{font-size:20px}.modal-content{margin-top:13px;color:#91a0a5;font:12px/1.8 var(--mono);white-space:pre-wrap}.toast-stack{position:fixed;z-index:90;right:20px;bottom:20px;display:flex;flex-direction:column;gap:8px}.toast{min-width:280px;max-width:380px;border:1px solid #26332d;background:#080d0a;box-shadow:var(--shadow);padding:11px 13px;font:10px/1.6 var(--mono);color:#a9b9ae;animation:toastIn .25s ease}.toast.red{border-color:#4c222e;color:#ff91a3}.toast.green{border-color:#284b31;color:#b8ebb9}.glitch{animation:glitch .28s linear 1}.flicker{animation:flicker .75s ease 1}
@keyframes pulse{50%{opacity:.45;transform:scale(.8)}}@keyframes toastIn{from{transform:translateX(20px);opacity:0}to{transform:none;opacity:1}}@keyframes glitch{0%{transform:none;filter:none}20%{transform:translate(3px,-1px);filter:hue-rotate(80deg)}40%{transform:translate(-2px,1px)}65%{transform:none;filter:contrast(1.4)}100%{transform:none;filter:none}}@keyframes flicker{0%,100%{opacity:1}12%{opacity:.35}20%{opacity:.9}33%{opacity:.48}43%{opacity:1}}
@media (max-width:1000px){.layout{grid-template-columns:1fr}.sidebar{min-height:unset}.nav{display:grid;grid-template-columns:repeat(4,1fr)}.sidebar-footer{display:none}.hero-grid,.session-grid{grid-template-columns:1fr}.file-grid,.market-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:650px){.shell{width:calc(100vw - 14px);margin:7px auto}.topbar{align-items:flex-start}.brand-main{font-size:12px}.brand-sub{font-size:8px}.top-meta{gap:10px;flex-direction:column;align-items:flex-end}.layout{margin-top:7px}.view{padding:14px;min-height:680px}.nav{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:44px}.dashboard,.camera-grid,.settings-grid,.file-grid,.market-grid{grid-template-columns:1fr}.bottombar{display:grid;grid-template-columns:1fr 1fr}.footer-warning{grid-column:1/-1}}

.status-led[data-state=yellow]{background:#e0a74e;box-shadow:0 0 7px rgba(224,167,78,.7)} .status-led[data-state=green]{background:#7dff9e;box-shadow:0 0 7px rgba(125,255,158,.7)} .status-led[data-state=red]{background:#ff526e;box-shadow:0 0 7px rgba(255,82,110,.7)} body[data-connection=yellow] .footer-warning{animation:flicker 2.4s ease-in-out infinite} button:focus-visible,input:focus-visible{outline:1px solid #7dff9e;outline-offset:2px}