/* COCKPIT // dystopian operations interface */
:root {
  --void: #050708; --bg: #080b0d; --panel: #0d1114; --panel-raised: #12171a;
  --line: #283035; --line-hot: #465057; --ink: #eef2ee; --muted: #7f898d; --dim: #50595d;
  --acid: #f1ec26; --acid-soft: rgba(241, 236, 38, .12);
  --cyan: #10e7dc; --cyan-soft: rgba(16, 231, 220, .1);
  --red: #ff3558; --red-soft: rgba(255, 53, 88, .12); --cut: 16px;
  --display: "Arial Narrow", "Roboto Condensed", "DIN Condensed", Impact, sans-serif;
  --mono: "IBM Plex Mono", "Roboto Mono", "SFMono-Regular", Consolas, monospace;
}
* { box-sizing: border-box; }
html { background: var(--void); }
body { min-height: 100vh; margin: 0; overflow-x: hidden; color: var(--ink); background: radial-gradient(circle at 76% 2%, rgba(16,231,220,.055), transparent 27rem), radial-gradient(circle at 8% 75%, rgba(241,236,38,.035), transparent 32rem), linear-gradient(135deg,#090c0e,#050708); font-family: var(--mono); font-size: 14px; line-height: 1.55; }
body::before { content:""; position:fixed; inset:0; z-index:-2; pointer-events:none; opacity:.26; background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px); background-size:42px 42px; mask-image:linear-gradient(to bottom,#000,transparent 80%); }
body::after { content:""; position:fixed; inset:0; z-index:999; pointer-events:none; opacity:.12; background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,rgba(0,0,0,.18) 4px); }
::selection { color:#050708; background:var(--acid); }
a,button { -webkit-tap-highlight-color:transparent; }
a:focus-visible,button:focus-visible { outline:2px solid var(--cyan); outline-offset:3px; }
code { color:var(--cyan); font-family:var(--mono); font-size:.92em; }
.muted { color:var(--muted); } .small { font-size:12px; }
.ambient-grid { position:fixed; top:0; right:6vw; z-index:-1; width:min(38vw,560px); height:3px; background:linear-gradient(90deg,transparent,var(--cyan),transparent); box-shadow:0 0 24px rgba(16,231,220,.45); pointer-events:none; }

/* Header */
.topbar { position:sticky; top:0; z-index:100; display:grid; grid-template-columns:auto auto minmax(0,1fr) auto; align-items:stretch; min-height:70px; border-bottom:1px solid var(--line); background:rgba(7,10,11,.94); backdrop-filter:blur(18px); }
.topbar::before { content:""; position:absolute; bottom:-1px; left:0; width:17%; height:2px; background:var(--acid); box-shadow:0 0 16px rgba(241,236,38,.36); }
.brand { display:flex; align-items:center; gap:12px; min-width:205px; padding:12px 22px; color:var(--ink); border-right:1px solid var(--line); text-decoration:none; }
.brand-mark { position:relative; display:inline-grid; flex:0 0 35px; width:35px; height:35px; place-items:center; border:2px solid var(--acid); background:var(--acid-soft); clip-path:polygon(0 0,73% 0,100% 27%,100% 100%,27% 100%,0 73%); filter:drop-shadow(0 0 6px rgba(241,236,38,.22)); }
.brand-mark::before,.brand-mark::after,.brand-mark i { content:""; position:absolute; background:var(--acid); }
.brand-mark::before { width:14px; height:3px; transform:rotate(-45deg); }
.brand-mark::after { width:3px; height:14px; transform:translate(6px,-1px) rotate(45deg); }
.brand-mark i { bottom:4px; left:4px; width:5px; height:5px; }
.brand-mark.large { width:58px; height:58px; flex-basis:58px; } .brand-mark.large::before { width:23px; } .brand-mark.large::after { height:23px; }
.brand-copy { display:flex; flex-direction:column; line-height:1; }
.brand-copy strong { font:800 19px/1 var(--display); letter-spacing:.14em; }
.brand-copy small { margin-top:5px; color:var(--acid); font-size:7px; letter-spacing:.24em; }
.build-tag { align-self:center; margin-left:13px; color:var(--dim); font-size:8px; letter-spacing:.12em; writing-mode:vertical-rl; }
.topnav { display:flex; min-width:0; align-items:stretch; justify-content:center; overflow-x:auto; scrollbar-width:none; } .topnav::-webkit-scrollbar { display:none; }
.topnav-link { position:relative; display:flex; min-width:76px; padding:25px 11px 15px; align-items:center; justify-content:center; color:#81898c; border-left:1px solid transparent; border-right:1px solid transparent; font:700 11px/1 var(--display); letter-spacing:.055em; text-decoration:none; text-transform:uppercase; transition:color .18s ease,background .18s ease; white-space:nowrap; }
.topnav-link:hover { color:var(--ink); background:rgba(255,255,255,.025); }
.topnav-link.active { color:var(--acid); border-color:var(--line); background:var(--acid-soft); }
.topnav-link.active::after { content:""; position:absolute; right:18%; bottom:-1px; left:18%; height:3px; background:var(--acid); box-shadow:0 0 12px var(--acid); }
.nav-index { position:absolute; top:10px; left:13px; color:var(--dim); font:8px/1 var(--mono); } .topnav-link.active .nav-index { color:var(--acid); }
.topbar-right { display:flex; align-items:center; gap:10px; padding:0 18px; border-left:1px solid var(--line); } .topbar-right form { margin:0; }
.system-state { display:flex; align-items:center; gap:6px; color:var(--cyan); font-size:8px; letter-spacing:.14em; }
.system-state i,.status-ok,.login-meta i { width:5px; height:5px; background:var(--cyan); box-shadow:0 0 7px var(--cyan); }
.user-chip { display:grid; width:32px; height:32px; place-items:center; color:var(--ink); border:1px solid var(--line-hot); background:var(--panel-raised); clip-path:polygon(0 0,75% 0,100% 25%,100% 100%,25% 100%,0 75%); font-size:11px; }
.user-chip span { transform:translateY(-1px); }

/* Application frame */
.shell { width:min(1380px,calc(100% - 64px)); margin:0 auto; padding:55px 0 80px; }
.auth-shell { display:grid; min-height:100vh; padding:40px; place-items:center; }
.statusbar { position:fixed; right:0; bottom:0; left:0; z-index:90; display:flex; height:27px; padding:0 22px; align-items:center; gap:26px; color:#626b6f; border-top:1px solid var(--line); background:rgba(5,7,8,.96); font-size:8px; letter-spacing:.12em; }
.statusbar span { display:flex; align-items:center; gap:7px; } .statusbar-spacer { flex:1; } .statusbar b { color:var(--cyan); font-weight:500; } .status-code { color:var(--acid)!important; }

/* Page titles */
.page-head { display:flex; min-height:104px; margin-bottom:28px; align-items:flex-end; justify-content:space-between; gap:28px; }
.page-head>div:first-child { position:relative; padding-left:18px; }
.page-head>div:first-child::before { content:""; position:absolute; top:3px; bottom:5px; left:0; width:3px; background:linear-gradient(var(--acid) 0 35%,var(--line) 35% 100%); }
.eyebrow { margin:0 0 7px; color:var(--acid); font-size:9px; font-weight:700; letter-spacing:.22em; text-transform:uppercase; }
.page-head h1 { display:flex; margin:0; align-items:flex-start; gap:10px; font:800 clamp(42px,5vw,68px)/.83 var(--display); letter-spacing:-.025em; text-transform:uppercase; }
.page-head h1>span { margin-top:3px; color:var(--cyan); font:9px/1 var(--mono); letter-spacing:.08em; }
.page-intro { margin:12px 0 0; color:var(--muted); font-size:11px; letter-spacing:.025em; }
.page-coordinates { display:flex; min-width:180px; padding:11px 14px 9px; flex-direction:column; align-items:flex-end; border-top:1px solid var(--line-hot); border-right:3px solid var(--cyan); background:linear-gradient(90deg,transparent,var(--cyan-soft)); }
.page-coordinates span { color:var(--dim); font-size:8px; letter-spacing:.16em; }
.page-coordinates strong { margin-top:3px; color:var(--cyan); font:600 11px/1 var(--mono); letter-spacing:.07em; }
.page-coordinates.danger { border-right-color:var(--red); background:linear-gradient(90deg,transparent,var(--red-soft)); } .page-coordinates.danger strong { color:var(--red); }

/* Network selector */
.segment-console { display:flex; min-height:48px; margin-bottom:20px; padding:0 14px; align-items:center; gap:16px; border:1px solid var(--line); border-left:3px solid var(--acid); background:rgba(13,17,20,.72); clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%); }
.segment-label { color:var(--dim); font-size:8px; letter-spacing:.18em; }
.segment-row { display:flex; flex:1; align-items:center; gap:7px; flex-wrap:wrap; }
.segment-pill { display:inline-flex; padding:6px 11px; align-items:center; gap:7px; color:var(--muted); border:1px solid transparent; font-size:9px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.segment-pill i { width:4px; height:4px; background:var(--dim); transform:rotate(45deg); }
.segment-pill.active { color:#080b0d; border-color:var(--acid); background:var(--acid); box-shadow:0 0 16px rgba(241,236,38,.1); } .segment-pill.active i { background:#080b0d; }
.segment-count { color:var(--acid); font-size:8px; letter-spacing:.12em; }

/* Surfaces and cards */
.panel { position:relative; margin-bottom:20px; padding:24px; border:1px solid var(--line); background:linear-gradient(135deg,rgba(255,255,255,.018),transparent 35%),rgba(12,16,18,.88); clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut))); }
.panel::after { content:""; position:absolute; top:0; left:24px; width:64px; height:2px; background:var(--cyan); box-shadow:0 0 10px rgba(16,231,220,.4); }
.panel-primary::after { width:120px; background:var(--acid); box-shadow:0 0 10px rgba(241,236,38,.35); }
.panel-head { display:flex; min-height:40px; margin-bottom:18px; align-items:flex-start; justify-content:space-between; gap:20px; border-bottom:1px solid var(--line); }
.panel-head h2 { margin:2px 0 12px; font:700 19px/1 var(--display); letter-spacing:.04em; text-transform:uppercase; }
.panel-kicker { color:var(--muted); font-size:8px; letter-spacing:.18em; }
.panel-id { padding:3px 6px; color:var(--cyan); border:1px solid rgba(16,231,220,.35); font-size:8px; }
.metric-grid { display:grid; margin-bottom:20px; grid-template-columns:repeat(3,1fr); gap:12px; }
.metric-card { position:relative; display:grid; min-height:105px; padding:16px 18px; grid-template-columns:1fr auto; grid-template-rows:auto 1fr; overflow:hidden; border:1px solid var(--line); background:var(--panel); clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,0 100%); }
.metric-card::before { content:""; position:absolute; top:0; right:0; width:48px; height:48px; opacity:.06; background:repeating-linear-gradient(135deg,currentColor 0 2px,transparent 2px 7px); }
.metric-label { align-self:start; color:var(--muted); font-size:8px; letter-spacing:.15em; }
.metric-card strong { grid-row:1/3; grid-column:2; align-self:center; font:800 38px/1 var(--display); letter-spacing:-.02em; }
.metric-card small { align-self:end; color:var(--dim); font-size:8px; letter-spacing:.14em; }
.accent-yellow { border-left:3px solid var(--acid); color:var(--acid); }.accent-cyan { border-left:3px solid var(--cyan); color:var(--cyan); }.accent-red { border-left:3px solid var(--red); color:var(--red); }
.dashboard-grid { display:grid; grid-template-columns:minmax(0,2fr) minmax(250px,.75fr); gap:20px; }
.empty-state { display:flex; min-height:330px; padding:30px 20px; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:radial-gradient(circle,rgba(16,231,220,.035),transparent 50%); }
.empty-state.compact { min-height:255px; }
.empty-state h3 { margin:3px 0 8px; font:700 25px/1 var(--display); letter-spacing:.025em; text-transform:uppercase; }
.empty-state>p:not(.empty-code) { max-width:530px; margin:0; color:var(--muted); font-size:11px; }
.empty-code { margin:18px 0 0; color:var(--cyan); font-size:8px; letter-spacing:.18em; }
.target-reticle { position:relative; width:70px; height:70px; border:1px solid rgba(16,231,220,.25); border-radius:50%; box-shadow:0 0 0 9px rgba(16,231,220,.025),inset 0 0 18px rgba(16,231,220,.06); }
.target-reticle::before,.target-reticle::after { content:""; position:absolute; top:50%; left:50%; background:var(--cyan); opacity:.6; transform:translate(-50%,-50%); }
.target-reticle::before { width:94px; height:1px; }.target-reticle::after { width:1px; height:94px; }
.target-reticle i { position:absolute; inset:13px; border:1px dashed rgba(16,231,220,.5); border-radius:50%; animation:rotate 12s linear infinite; }
.inline-status { display:inline-flex; margin-top:24px; padding:5px 9px; align-items:center; gap:6px; color:var(--cyan); border:1px solid rgba(16,231,220,.25); background:var(--cyan-soft); font-size:8px; letter-spacing:.11em; }
.inline-status i { width:5px; height:5px; background:var(--cyan); box-shadow:0 0 7px var(--cyan); }
.inline-status.warning { color:var(--acid); border-color:rgba(241,236,38,.25); background:var(--acid-soft); }.inline-status.warning i { background:var(--acid); box-shadow:0 0 7px var(--acid); }
.signal-panel { min-height:100%; }
.live-pulse { width:7px; height:7px; margin-top:5px; border-radius:50%; background:var(--cyan); box-shadow:0 0 0 4px var(--cyan-soft),0 0 12px var(--cyan); animation:pulse 2s ease-out infinite; }
.system-list { margin:0; padding:0; list-style:none; }.system-list li { display:flex; padding:13px 3px; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.system-list li span { color:#a1aaad; font-size:9px; letter-spacing:.12em; }.system-list li b { color:var(--dim); font-size:8px; font-weight:500; letter-spacing:.1em; }.system-list li b.ok { color:var(--cyan); }
.signal-graph { display:flex; height:72px; margin-top:27px; padding:8px 10px 0; align-items:flex-end; gap:5px; border-bottom:1px solid var(--cyan); background:linear-gradient(to top,var(--cyan-soft),transparent); }
.signal-graph i { flex:1; height:25%; background:var(--cyan); opacity:.45; }.signal-graph i:nth-child(2n){height:62%}.signal-graph i:nth-child(3n){height:37%}.signal-graph i:nth-child(5n){height:88%}.signal-graph i:nth-child(7n){height:50%}
.tiny-note { margin:10px 0 0; color:var(--dim); font-size:7px; letter-spacing:.15em; text-align:right; }

/* Inbox pipeline */
.pipeline { display:grid; min-height:82px; margin:15px 0 4px; align-items:center; grid-template-columns:auto 1fr auto 1fr auto 1fr auto 1fr auto; gap:10px; }
.pipeline>span { display:flex; min-width:74px; flex-direction:column; align-items:center; color:var(--dim); font-size:8px; letter-spacing:.06em; text-align:center; text-transform:uppercase; }
.pipeline>span b { display:grid; width:32px; height:32px; margin-bottom:7px; place-items:center; color:var(--dim); border:1px solid var(--line-hot); clip-path:polygon(0 0,77% 0,100% 23%,100% 100%,23% 100%,0 77%); font-size:10px; }
.pipeline>span.active { color:var(--acid); }.pipeline>span.active b { color:#07090a; border-color:var(--acid); background:var(--acid); }.pipeline>i { height:1px; background:repeating-linear-gradient(90deg,var(--line-hot) 0 4px,transparent 4px 8px); }

/* Projects */
.board-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.board-column { min-height:390px; border:1px solid var(--line); border-top:2px solid var(--line-hot); background:rgba(12,16,18,.76); }.board-column:first-child { border-top-color:var(--acid); }
.board-column header { display:grid; height:72px; padding:13px 14px; grid-template-columns:1fr auto; grid-template-rows:auto 1fr; border-bottom:1px solid var(--line); background:rgba(255,255,255,.015); }
.board-column header span { color:var(--dim); font-size:7px; letter-spacing:.14em; }.board-column header h2 { margin:4px 0 0; font:700 15px/1 var(--display); letter-spacing:.035em; text-transform:uppercase; }.board-column header b { grid-row:1/3; grid-column:2; align-self:center; color:var(--dim); font:700 21px/1 var(--display); }.board-column:first-child header b { color:var(--acid); }
.board-empty { display:flex; min-height:300px; flex-direction:column; align-items:center; justify-content:center; color:var(--dim); font-size:8px; letter-spacing:.14em; }
.board-empty i { position:relative; width:34px; height:34px; margin-bottom:13px; border:1px solid var(--line); transform:rotate(45deg); }.board-empty i::before,.board-empty i::after { content:""; position:absolute; top:50%; left:50%; background:var(--dim); transform:translate(-50%,-50%); }.board-empty i::before { width:13px; height:1px; }.board-empty i::after { width:1px; height:13px; }
.module-footnote { margin:16px 0 0; color:var(--muted); font-size:9px; letter-spacing:.04em; }.module-footnote span { color:var(--acid); letter-spacing:.12em; }

/* Agents */
.agent-core { position:relative; width:72px; height:72px; border:1px solid rgba(241,236,38,.4); background:var(--acid-soft); clip-path:polygon(50% 0,100% 24%,87% 84%,50% 100%,13% 84%,0 24%); }.agent-core::before,.agent-core::after { content:""; position:absolute; inset:17px; border:1px solid var(--acid); transform:rotate(45deg); }.agent-core::after { inset:26px; background:var(--acid); box-shadow:0 0 15px rgba(241,236,38,.45); }

/* Terminal */
.terminal-frame { position:relative; overflow:hidden; border:1px solid #3b494e; border-left:3px solid var(--acid); background:#070c0e; box-shadow:0 22px 65px rgba(0,0,0,.48),0 0 35px rgba(16,231,220,.035),inset 0 0 0 1px rgba(16,231,220,.025); clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,16px 100%,0 calc(100% - 16px)); }
.terminal-bar { position:relative; display:flex; height:50px; padding:0 16px; align-items:center; gap:22px; color:#839093; border-bottom:1px solid #354247; background:linear-gradient(90deg,#141b1e 0 28%,#0c1214 28% 100%); font-size:10px; letter-spacing:.13em; }
.terminal-bar::after { content:""; position:absolute; right:0; bottom:-1px; width:35%; height:1px; background:linear-gradient(90deg,transparent,var(--cyan)); box-shadow:0 0 8px rgba(16,231,220,.45); }
.terminal-title { display:flex; align-items:center; color:var(--cyan); font-weight:700; white-space:nowrap; }
.terminal-title>i { display:inline-block; width:7px; height:7px; margin-right:9px; background:var(--acid); box-shadow:0 0 9px rgba(241,236,38,.75); transform:rotate(45deg); }
.terminal-title small { margin-left:7px; color:#687579; font-size:10px; font-weight:400; letter-spacing:.08em; }
.terminal-address { color:#536065; font-size:10px; }
#terminal-status { display:flex; margin-left:auto; padding:5px 9px; align-items:center; gap:7px; color:var(--acid); border:1px solid rgba(241,236,38,.25); background:var(--acid-soft); font-size:10px; font-weight:600; white-space:nowrap; }
#terminal-status::before { content:""; width:5px; height:5px; background:currentColor; box-shadow:0 0 7px currentColor; }
#terminal-status[data-state="online"] { color:var(--cyan); border-color:rgba(16,231,220,.3); background:var(--cyan-soft); }
#terminal-status[data-state="offline"],#terminal-status[data-state="error"] { color:var(--red); border-color:rgba(255,53,88,.3); background:var(--red-soft); }
.terminal-controls { display:flex; gap:5px; }
.terminal-controls i { display:block; width:7px; height:7px; border:1px solid #58666b; transform:rotate(45deg); }
.terminal-controls i:last-child { border-color:var(--red); background:rgba(255,53,88,.15); }
.terminal-workspace { position:relative; display:grid; grid-template-columns:38px minmax(0,1fr); overflow:hidden; background:radial-gradient(circle at 78% 22%,rgba(16,231,220,.065),transparent 30%),linear-gradient(135deg,#091012,#05090a); }
.terminal-workspace::before { content:""; position:absolute; inset:0; z-index:0; opacity:.28; pointer-events:none; background-image:linear-gradient(rgba(16,231,220,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(16,231,220,.035) 1px,transparent 1px); background-size:100% 28px,42px 100%; }
.terminal-workspace::after { content:""; position:absolute; inset:0; z-index:5; pointer-events:none; opacity:.14; background:repeating-linear-gradient(to bottom,transparent 0,transparent 4px,rgba(0,0,0,.28) 5px); }
.terminal-ruler { position:relative; z-index:2; display:flex; padding:24px 0 20px; flex-direction:column; align-items:center; justify-content:space-between; color:#3f5054; border-right:1px solid rgba(16,231,220,.16); background:rgba(6,11,12,.75); font-size:10px; }
.terminal-ruler::before { content:""; position:absolute; top:0; right:-1px; width:1px; height:70px; background:var(--cyan); box-shadow:0 0 9px var(--cyan); }
.terminal-screen { position:relative; z-index:2; height:clamp(440px,60vh,720px); min-height:440px; padding:24px 25px 22px; overflow:hidden; background:linear-gradient(90deg,rgba(7,13,15,.88),rgba(8,16,17,.76)); font-size:12px; }
.terminal-screen .xterm { position:relative; z-index:2; height:100%; }
.terminal-screen .xterm-viewport { overflow-y:scroll!important; overscroll-behavior:contain; touch-action:pan-y; background-color:transparent!important; scrollbar-color:rgba(16,231,220,.65) rgba(16,231,220,.06); scrollbar-gutter:stable; scrollbar-width:auto; }
.terminal-screen .xterm-viewport::-webkit-scrollbar { width:10px; }
.terminal-screen .xterm-viewport::-webkit-scrollbar-track { background:rgba(16,231,220,.04); }
.terminal-screen .xterm-viewport::-webkit-scrollbar-thumb { background:rgba(16,231,220,.42); border:2px solid #081012; }
.terminal-watermark { position:absolute; right:35px; bottom:24px; z-index:3; color:rgba(16,231,220,.055); font:800 36px/.7 var(--display); letter-spacing:.12em; text-align:right; pointer-events:none; }
.terminal-watermark b { font-size:90px; font-weight:800; }
.terminal-channel { position:absolute; top:12px; right:20px; z-index:3; color:rgba(241,236,38,.3); font-size:10px; letter-spacing:.14em; pointer-events:none; }
.terminal-corner { position:absolute; z-index:4; width:18px; height:18px; pointer-events:none; }
.corner-tl { top:9px; left:48px; border-top:1px solid var(--acid); border-left:1px solid var(--acid); }.corner-br { right:10px; bottom:10px; border-right:1px solid var(--cyan); border-bottom:1px solid var(--cyan); }
.terminal-frame>footer { display:flex; height:34px; padding:0 15px 0 52px; align-items:center; gap:28px; color:#5f6e72; border-top:1px solid #2b393e; background:linear-gradient(90deg,#101719,#090e10); font-size:10px; letter-spacing:.12em; }
.terminal-frame>footer span { white-space:nowrap; }.terminal-frame>footer span:first-child { color:var(--cyan); }.terminal-footer-mark { margin-left:auto; color:var(--acid)!important; font-weight:700; }

/* Library */
.vault-grid { display:grid; margin-top:35px; grid-template-columns:repeat(4,1fr); gap:12px; }.vault-grid>div { position:relative; display:flex; min-height:180px; padding:20px; flex-direction:column; justify-content:flex-end; overflow:hidden; border:1px solid var(--line); border-bottom:3px solid var(--line-hot); background:linear-gradient(145deg,rgba(255,255,255,.025),transparent); }.vault-grid>div::before { content:"+"; position:absolute; top:13px; right:15px; color:var(--line-hot); font-size:18px; }.vault-grid b { position:absolute; top:10px; left:15px; color:rgba(255,255,255,.035); font:800 70px/1 var(--display); }.vault-grid span { position:relative; font:700 18px/1 var(--display); letter-spacing:.07em; }.vault-grid small { position:relative; margin-top:8px; color:var(--dim); font-size:8px; letter-spacing:.12em; }
.empty-strip { margin-top:22px; padding:12px 15px; color:var(--muted); border-left:3px solid var(--acid); background:var(--acid-soft); font-size:9px; }.empty-strip span { margin-right:15px; color:var(--acid); letter-spacing:.11em; }

/* Automations */
.automation-schema { display:grid; padding:10px 14px; grid-template-columns:1fr 1fr 1fr 1fr .6fr; gap:10px; color:var(--dim); border:1px solid var(--line); background:#090c0e; font-size:7px; letter-spacing:.15em; }.gear-glyph { color:var(--acid); font-size:56px; line-height:1; filter:drop-shadow(0 0 9px rgba(241,236,38,.18)); }

/* Reports */
.report-grid { display:grid; grid-template-columns:1.35fr 1fr; gap:20px; }.chart-panel { min-height:410px; }.ghost-chart { display:flex; height:260px; padding:25px 25px 0; align-items:flex-end; justify-content:space-around; gap:16px; border-bottom:1px solid var(--line-hot); background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px); background-size:100% 25%; }.ghost-chart i { width:7%; min-width:16px; height:15%; border:1px solid var(--line-hot); border-bottom:0; background:linear-gradient(to top,rgba(16,231,220,.07),transparent); }.ghost-chart i:nth-child(2){height:38%}.ghost-chart i:nth-child(3){height:25%}.ghost-chart i:nth-child(4){height:60%}.ghost-chart i:nth-child(5){height:42%}.ghost-chart i:nth-child(6){height:76%}.ghost-chart i:nth-child(7){height:51%}
.radar-empty { position:relative; width:210px; height:210px; margin:30px auto 20px; border:1px solid var(--line-hot); border-radius:50%; background:repeating-radial-gradient(circle,transparent 0 34px,var(--line) 35px 36px); }.radar-empty::before,.radar-empty::after { content:""; position:absolute; top:50%; left:50%; background:var(--line-hot); transform:translate(-50%,-50%); }.radar-empty::before { width:100%; height:1px; }.radar-empty::after { width:1px; height:100%; }.radar-empty i { position:absolute; top:50%; left:50%; width:50%; height:1px; background:linear-gradient(90deg,var(--cyan),transparent); transform-origin:left; animation:radar 5s linear infinite; opacity:.4; }.chart-label { color:var(--dim); font-size:8px; letter-spacing:.16em; text-align:center; }

/* Controls */
.button { display:inline-flex; min-height:38px; padding:9px 15px; align-items:center; justify-content:center; gap:9px; cursor:pointer; color:var(--ink); border:1px solid var(--line-hot); border-radius:0; background:var(--panel-raised); font:700 9px/1 var(--mono); letter-spacing:.08em; text-decoration:none; text-transform:uppercase; transition:color .16s ease,border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease; clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px)); }.button:hover { color:var(--acid); border-color:var(--acid); background:var(--acid-soft); box-shadow:inset 0 0 24px rgba(241,236,38,.04); }.button:active { transform:translateY(1px); }.button.primary { color:#080a0b; border-color:var(--acid); background:var(--acid); box-shadow:0 0 24px rgba(241,236,38,.09); }.button.primary:hover { background:#fff936; box-shadow:0 0 25px rgba(241,236,38,.2); }.button.ghost { background:transparent; }.button.wide { width:100%; }.topbar-logout { min-height:30px; padding:7px 9px; color:var(--muted); font-size:8px; }

/* Authentication */
.auth-body { background:#060809; }.auth-body::before { opacity:.5; mask-image:radial-gradient(circle at center,#000,transparent 67%); }
.login-layout { display:grid; width:min(920px,100%); grid-template-columns:minmax(240px,.8fr) minmax(360px,1fr); box-shadow:0 30px 100px rgba(0,0,0,.45); }
.login-manifesto { position:relative; min-height:510px; padding:33px; overflow:hidden; color:#050708; background:var(--acid); clip-path:polygon(0 0,100% 0,100% calc(100% - 32px),calc(100% - 32px) 100%,0 100%); }.login-manifesto::after { content:""; position:absolute; right:-70px; bottom:-50px; width:260px; height:260px; border:45px solid rgba(5,7,8,.08); border-radius:50%; }.login-serial { font-size:8px; font-weight:700; letter-spacing:.2em; }
.login-crosshair { position:absolute; top:70px; right:35px; width:58px; height:58px; border:2px solid #050708; border-radius:50%; }.login-crosshair::before,.login-crosshair::after { content:""; position:absolute; top:50%; left:50%; background:#050708; transform:translate(-50%,-50%); }.login-crosshair::before { width:74px; height:2px; }.login-crosshair::after { width:2px; height:74px; }
.login-manifesto>p { position:absolute; bottom:70px; left:32px; z-index:1; margin:0; font:800 clamp(37px,5vw,58px)/.78 var(--display); letter-spacing:-.03em; }.login-manifesto>p b { -webkit-text-stroke:1px #050708; color:transparent; }.login-manifesto>small { position:absolute; right:28px; bottom:27px; z-index:1; font-size:7px; font-weight:700; letter-spacing:.16em; text-align:right; }
.login-card { position:relative; display:flex; min-height:510px; padding:54px 58px 35px; flex-direction:column; justify-content:center; border:1px solid var(--line); border-left:0; background:rgba(12,16,18,.97); clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%); }.login-id { position:absolute; top:17px; right:25px; color:var(--dim); font-size:7px; letter-spacing:.16em; }.login-head { display:flex; margin-bottom:32px; flex-direction:column; align-items:flex-start; }.login-head .eyebrow { margin-top:24px; }.login-head h1 { margin:0 0 7px; font:800 48px/.9 var(--display); letter-spacing:.06em; }.login-head h1 span { color:var(--acid); animation:blink 1.1s step-end infinite; }.login-head p:last-child { margin:6px 0 0; }
.login-card .button.primary { min-height:55px; justify-content:flex-start; padding:0 18px; }.login-card .button.primary span { color:rgba(5,7,8,.55); font-size:7px; letter-spacing:.12em; }.login-card .button.primary b { margin-left:auto; font-size:16px; }.login-meta { display:flex; margin-top:21px; align-items:center; justify-content:space-between; color:var(--dim); font-size:7px; letter-spacing:.12em; }.login-meta span:first-child { display:flex; align-items:center; gap:7px; color:var(--cyan); }
.access-denied-mark { display:grid; width:60px; height:60px; place-items:center; color:var(--red); border:2px solid var(--red); background:var(--red-soft); font:300 35px/1 var(--mono); clip-path:polygon(0 0,75% 0,100% 25%,100% 100%,25% 100%,0 75%); }.danger-text { color:var(--red); }.forbidden-screen .login-card { width:min(480px,100%); border-left:1px solid var(--line); }.forbidden-screen .login-head h1 { font-size:38px; }

@keyframes blink { 0%,48%{opacity:1}49%,100%{opacity:0} } @keyframes rotate { to{transform:rotate(360deg)} } @keyframes radar { to{transform:rotate(360deg)} } @keyframes pulse { 0%{box-shadow:0 0 0 0 rgba(16,231,220,.35),0 0 12px var(--cyan)}70%,100%{box-shadow:0 0 0 8px rgba(16,231,220,0),0 0 12px var(--cyan)} }

@media(max-width:1120px){.topbar{grid-template-columns:auto minmax(0,1fr) auto}.build-tag,.system-state{display:none}.brand{min-width:170px;padding-inline:16px}.topnav-link{min-width:67px;padding-inline:8px;font-size:10px}.topbar-right{padding-inline:12px}.shell{width:min(100% - 36px,1100px)}}
@media(max-width:820px){.topbar{position:relative;grid-template-columns:1fr auto}.brand{border-right:0}.topnav{grid-row:2;grid-column:1/-1;justify-content:flex-start;border-top:1px solid var(--line)}.topnav-link{min-width:90px;height:54px;padding-top:23px}.topbar-right{border-left:0}.shell{padding-top:38px}.dashboard-grid,.report-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(3,1fr)}.board-grid,.vault-grid{grid-template-columns:repeat(2,1fr)}.board-column{min-height:280px}.board-empty{min-height:190px}.login-layout{grid-template-columns:1fr;max-width:480px}.login-manifesto{display:none}.login-card{border-left:1px solid var(--line)}}
@media(max-width:600px){body{font-size:13px}.topbar{min-height:60px}.brand{min-width:0;padding:10px 13px}.brand-mark{width:31px;height:31px;flex-basis:31px}.brand-copy strong{font-size:16px}.brand-copy small{display:none}.topbar-right{gap:7px;padding-right:10px}.topbar-logout{padding-inline:7px}.shell{width:calc(100% - 24px);padding:31px 0 70px}.auth-shell{padding:16px}.page-head{min-height:0;margin-bottom:23px;align-items:flex-start;flex-direction:column}.page-head h1{font-size:44px}.page-coordinates{width:100%;align-items:flex-start;border-right:0;border-left:3px solid var(--cyan);background:linear-gradient(90deg,var(--cyan-soft),transparent)}.page-coordinates.danger{border-left-color:var(--red)}.segment-console{padding:9px 11px;align-items:flex-start}.segment-label,.segment-count{display:none}.segment-row{gap:4px}.segment-pill{padding:5px 7px;font-size:8px}.metric-grid{grid-template-columns:1fr}.metric-card{min-height:82px}.panel{padding:18px}.pipeline{display:flex;padding:15px 0;overflow-x:auto;justify-content:flex-start}.pipeline>i{flex:0 0 26px}.board-grid,.vault-grid{grid-template-columns:1fr}.board-column{min-height:210px}.board-empty{min-height:120px}.vault-grid>div{min-height:125px}.automation-schema{grid-template-columns:1fr 1fr}.automation-schema span:nth-child(n+3){display:none}.terminal-screen{min-height:420px;padding:24px 17px;font-size:9px}.terminal-frame>header b{display:none}.terminal-frame>footer{gap:15px;overflow:hidden;white-space:nowrap}.login-card{min-height:500px;padding:44px 27px 30px}.statusbar{gap:12px;padding-inline:12px}.statusbar span:nth-child(2),.status-code{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Readability floor: interface text must remain legible at 100% zoom. */
code { font-size: 1em; }

.brand-copy small,
.build-tag,
.nav-index,
.system-state,
.statusbar,
.page-coordinates span,
.segment-label,
.segment-count,
.panel-kicker,
.panel-id,
.metric-label,
.metric-card small,
.empty-code,
.inline-status,
.system-list li b,
.tiny-note,
.pipeline > span,
.board-column header span,
.board-empty,
.terminal-frame > header,
.terminal-frame > footer,
.vault-grid small,
.automation-schema,
.chart-label,
.login-serial,
.login-manifesto > small,
.login-id,
.login-card .button.primary span,
.login-meta,
.topbar-logout {
  font-size: 10px;
}

.topnav-link,
.eyebrow,
.page-head h1 > span,
.page-intro,
.page-coordinates strong,
.segment-pill,
.empty-state > p:not(.empty-code),
.system-list li span,
.module-footnote,
.empty-strip,
.button,
.terminal-screen {
  font-size: 12px;
}

@media (max-width: 600px) {
  .terminal-bar { padding-inline: 12px; gap: 10px; }
  .terminal-address,
  .terminal-title small { display: none; }
  .terminal-workspace { grid-template-columns: 28px minmax(0, 1fr); }
  .terminal-screen { height: 62vh; min-height: 420px; padding: 20px 14px; }
  .terminal-ruler { padding-block: 20px; }
  .terminal-watermark { right: 18px; bottom: 18px; }
  .terminal-channel { display: none; }
  .corner-tl { left: 36px; }
  .terminal-frame > footer { padding-left: 38px; gap: 16px; }
  .terminal-frame > footer span:nth-child(3) { display: none; }
}