:root{
  --bg:#020403;
  --panel:rgba(0,0,0,.78);
  --green:#00ff66;
  --soft:#bfffd5;
  --red:#ff4444;
  --amber:#ffd166;
  --muted:rgba(190,255,215,.58);
  --line:rgba(0,255,102,.28);
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{min-height:100%}
body{
  background:
    radial-gradient(circle at 50% 20%, rgba(0,255,102,.14), transparent 34%),
    linear-gradient(180deg,#020403,#07100b 52%,#020403);
  color:var(--green);
  font-family:"Courier New",monospace;
  padding:36px 16px;
  overflow-x:hidden;
}
a{color:inherit}
.scanlines{position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,255,102,.07) 0 1px,transparent 1px 5px);opacity:.18;z-index:99;mix-blend-mode:screen}
.terminal-shell{width:min(1080px,100%);margin:0 auto;position:relative;z-index:2}
.terminal-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px;border:1px solid var(--line);background:var(--panel);padding:22px;box-shadow:0 0 40px rgba(0,255,102,.08)}
.eyebrow{font-size:13px;letter-spacing:.18em;color:var(--muted);margin-bottom:8px}
h1{font-size:clamp(2rem,5vw,4.2rem);line-height:.9;text-shadow:0 0 16px rgba(0,255,102,.45)}
.terminal-header p{color:var(--muted);margin-top:10px;font-size:13px;text-transform:uppercase;letter-spacing:.06em}
.back{font-size:12px;text-decoration:none;border:1px solid var(--line);padding:8px 10px;background:rgba(0,255,102,.04);white-space:nowrap}
.dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}
.dashboard div{border:1px solid var(--line);background:rgba(0,0,0,.58);padding:12px}
.dashboard span{display:block;color:var(--muted);font-size:11px;letter-spacing:.12em;margin-bottom:6px}
.dashboard strong{font-size:18px;color:var(--soft)}
.screen{border:1px solid var(--line);background:rgba(0,0,0,.86);min-height:520px;padding:18px;box-shadow:inset 0 0 42px rgba(0,255,102,.06),0 0 50px rgba(0,0,0,.45)}
.output{height:460px;overflow-y:auto;white-space:pre-wrap;line-height:1.5;font-size:14px;padding-right:8px;scrollbar-color:var(--green) #111}
.line{margin-bottom:3px}.cmd{color:#fff}.error{color:var(--red)}.warn{color:var(--amber)}.ok{color:var(--soft)}.dim{color:var(--muted)}
.command-line{display:flex;gap:8px;border-top:1px solid rgba(0,255,102,.18);padding-top:12px;margin-top:12px;align-items:center}
.command-line span{color:#fff;font-weight:bold}
.command-line input{flex:1;background:transparent;border:none;outline:none;color:var(--green);font:inherit;text-transform:uppercase;caret-color:#fff}
.quick-panel{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px}
.quick-panel button{background:#07100b;color:var(--green);border:1px solid var(--line);font:inherit;font-size:12px;padding:8px 11px;cursor:pointer}.quick-panel button:hover{background:rgba(0,255,102,.08)}
.briefing{border:1px solid rgba(0,255,102,.18);background:rgba(0,0,0,.42);padding:18px;color:var(--muted)}
.briefing h2{color:var(--soft);font-size:15px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px}.briefing p{margin-bottom:8px}.hint{color:rgba(255,255,255,.72)}
@media(max-width:760px){body{padding:18px 10px}.terminal-header{flex-direction:column}.dashboard{grid-template-columns:1fr 1fr}.screen{min-height:480px}.output{height:420px;font-size:13px}.back{white-space:normal}.quick-panel button{flex:1 1 30%}}