@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root { --bg:#07100d; --panel:#0b1713; --panel-2:#0e1d18; --line:#1c3930; --line-bright:#2b5a49; --text:#d7e9df; --muted:#78958a; --lime:#b8f26b; --cyan:#62d6ce; --amber:#f2b763; --red:#ef6b69; --mono:'IBM Plex Mono', monospace; --display:'Space Grotesk', sans-serif; }
* { box-sizing:border-box; }
html { background:var(--bg); }
body { margin:0; min-width:320px; color:var(--text); background:radial-gradient(circle at 82% 4%, rgba(36,92,63,.15), transparent 30rem), linear-gradient(135deg, #07100d 0%, #09130f 52%, #06100d 100%); font-family:var(--display); }
body::before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.19; background-image:linear-gradient(rgba(174,242,107,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(174,242,107,.04) 1px,transparent 1px); background-size:36px 36px; mask-image:linear-gradient(to bottom, black, transparent 88%); }
.scanlines { position:fixed; inset:0; z-index:10; pointer-events:none; opacity:.055; background:repeating-linear-gradient(0deg, transparent, transparent 3px, #aef26b 4px); mix-blend-mode:screen; }
.app-shell { width:min(1440px, 100%); margin:auto; padding:28px 42px 24px; position:relative; }
.topbar { display:flex; justify-content:space-between; align-items:center; padding-bottom:24px; border-bottom:1px solid var(--line); }
.brand-lockup,.topbar-meta,.connection,.panel-header,.metric-head,.metric-foot,.volume-label,.quick-actions,footer { display:flex; align-items:center; }
.brand-mark { display:flex; gap:3px; width:29px; height:29px; align-items:flex-end; margin-right:13px; }
.brand-mark span { display:block; width:7px; background:var(--lime); box-shadow:0 0 12px rgba(184,242,107,.45); }
.brand-mark span:nth-child(1){height:14px}.brand-mark span:nth-child(2){height:24px;background:var(--cyan)}.brand-mark span:nth-child(3){height:18px}
.eyebrow,.section-kicker,.session-label,.panel-count,th,.metric-head,.metric-foot,.connection,.clock,footer,.clear-button,.text-button { font:500 10px/1 var(--mono); letter-spacing:.13em; }
.eyebrow { color:var(--muted); margin:0 0 5px; }
h1 { font:700 23px/1 var(--display); letter-spacing:.08em; margin:0; } h1 span { color:var(--lime); }
.topbar-meta { gap:25px; } .connection { gap:8px; color:var(--muted); } .connection strong { color:var(--lime); font-weight:500; margin-left:3px; }
.status-dot { display:inline-block; width:6px; height:6px; border-radius:50%; background:var(--lime); box-shadow:0 0 9px var(--lime); } .clock { color:var(--text); letter-spacing:.08em; }
.icon-button { border:1px solid var(--line-bright); background:transparent; color:var(--lime); width:32px; height:32px; font:18px var(--mono); cursor:pointer; transition:.2s; } .icon-button:hover { background:var(--lime); color:var(--bg); }
main { padding:52px 0 48px; }.hero-row { display:flex; justify-content:space-between; align-items:end; margin-bottom:44px; }.section-kicker { color:var(--lime); margin:0 0 14px; } h2 { font-size:clamp(35px,4.6vw,65px); line-height:1.04; letter-spacing:-.045em; margin:0; font-weight:600; } h2 em { color:var(--lime); font-style:normal; }.hero-copy { color:var(--muted); font:13px var(--mono); margin:20px 0 0; }.session-card { min-width:236px; border-left:1px solid var(--line-bright); padding:11px 0 11px 20px; }.session-label,.session-time { display:block; color:var(--muted); font:10px var(--mono); letter-spacing:.14em; }.session-card strong { display:block; font:600 19px var(--mono); color:var(--cyan); letter-spacing:.05em; margin:9px 0 8px; }.session-time b { color:var(--text); font-weight:400; }
.metrics-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:13px; margin-bottom:13px; }.metric-card,.panel { background:linear-gradient(135deg, rgba(14,29,24,.92), rgba(8,18,14,.88)); border:1px solid var(--line); }.metric-card { min-height:170px; padding:20px 21px 17px; position:relative; overflow:hidden; }.metric-card::after { content:""; position:absolute; top:0; left:0; width:37px; height:2px; background:var(--accent); box-shadow:0 0 14px var(--accent); }.lime-accent{--accent:var(--lime)}.cyan-accent{--accent:var(--cyan)}.amber-accent{--accent:var(--amber)}.metric-head { color:var(--muted); justify-content:space-between; }.metric-icon { color:var(--accent); font-size:19px; }.metric-value { margin:22px 0 18px; color:var(--text); font-family:var(--mono); }.metric-value strong { font-size:35px; font-weight:500; letter-spacing:-.04em; }.metric-value span { color:var(--muted); font-size:14px; }.meter { height:3px; background:#1a3028; overflow:hidden; }.meter span { display:block; height:100%; background:var(--accent); box-shadow:0 0 10px var(--accent); transition:width .8s ease; }.metric-foot { color:var(--muted); justify-content:space-between; margin-top:14px; font-size:9px; }.metric-foot b { color:var(--accent); font-weight:500; }.split { gap:15px; justify-content:flex-start; }.up{color:var(--lime);font-style:normal}.down{color:var(--cyan);font-style:normal}.network-pulse { display:flex; gap:3px; height:18px; align-items:end; margin-top:11px; }.network-pulse i { width:10px; background:var(--amber); opacity:.8; animation:pulse 1.3s infinite ease-in-out; }.network-pulse i:nth-child(1){height:5px}.network-pulse i:nth-child(2){height:11px;animation-delay:.1s}.network-pulse i:nth-child(3){height:8px;animation-delay:.2s}.network-pulse i:nth-child(4){height:16px;animation-delay:.3s}.network-pulse i:nth-child(5){height:10px;animation-delay:.4s}.network-pulse i:nth-child(6){height:14px;animation-delay:.5s}.network-pulse i:nth-child(7){height:7px;animation-delay:.6s}.network-pulse i:nth-child(8){height:12px;animation-delay:.7s}@keyframes pulse{50%{opacity:.28;transform:scaleY(.55)}}
.dashboard-grid { display:grid; grid-template-columns:1.35fr .65fr; gap:13px; margin-bottom:13px; }.panel { padding:21px; }.panel-header { justify-content:space-between; align-items:start; margin-bottom:24px; }.panel-header h3 { margin:0; font-size:17px; font-weight:500; letter-spacing:-.02em; }.live-badge { border:1px solid rgba(184,242,107,.35); color:var(--lime); padding:6px 8px; font:10px var(--mono); letter-spacing:.08em; }.live-badge i { display:inline-block; width:5px; height:5px; border-radius:50%; margin-right:5px; background:var(--lime); box-shadow:0 0 7px var(--lime); }.table-wrap { overflow-x:auto; } table { width:100%; min-width:560px; border-collapse:collapse; font:12px var(--mono); } th { color:var(--muted); font-size:9px; text-align:left; font-weight:400; padding:0 12px 12px; border-bottom:1px solid var(--line); } td { padding:14px 12px; color:var(--muted); border-bottom:1px solid rgba(28,57,48,.63); } td:first-child { color:var(--text); } .process-icon { display:inline-block; margin-right:8px; color:var(--lime); }.process-icon.cyan{color:var(--cyan)}.process-icon.amber{color:var(--amber)}.process-icon.red{color:var(--red)}.cpu-cell { color:var(--text); }.state { font-size:9px; letter-spacing:.08em; }.state.running{color:var(--lime)}.state.sleeping{color:var(--muted)}.panel-footer { display:flex; justify-content:space-between; align-items:center; color:var(--muted); font:9px var(--mono); padding-top:16px; }.text-button,.clear-button { background:none; border:0; color:var(--lime); cursor:pointer; padding:3px; }.text-button:hover,.clear-button:hover { color:var(--text); }.terminal-panel { min-height:332px; }.clear-button { color:var(--muted); }.terminal-window { background:#050b08; border:1px solid #142b22; min-height:239px; padding:16px 15px; font:11px/2 var(--mono); color:var(--muted); }.terminal-window p { margin:0; }.terminal-window time { color:#4c6b5d; margin-right:10px; }.terminal-window .ok { color:var(--lime); margin-right:8px; }.terminal-window .info { color:var(--cyan); margin-right:8px; }.terminal-window .warn { color:var(--amber); margin-right:8px; }.terminal-window b { color:var(--text); font-weight:400; }.terminal-cursor { margin-top:6px!important; color:var(--lime); }.terminal-cursor i { display:inline-block; width:7px; height:13px; vertical-align:-2px; background:var(--lime); animation:blink 1s steps(2) infinite; }@keyframes blink{50%{opacity:0}}
.bottom-grid { display:grid; grid-template-columns:1fr 1fr; gap:13px; }.compact { align-items:center; margin-bottom:20px; }.panel-count { color:var(--cyan); }.volume { margin:0 0 16px; }.volume:last-child{margin-bottom:0}.volume-label { justify-content:space-between; color:var(--muted); font:10px var(--mono); margin-bottom:8px; }.volume-dot { width:7px; height:7px; border-radius:50%; display:inline-block; margin-right:8px; }.volume-dot.lime{background:var(--lime)}.volume-dot.cyan{background:var(--cyan)}.volume-dot.amber{background:var(--amber)}.slim{height:4px}.slim span{background:var(--lime)}.cyan-meter span{background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.amber-meter span{background:var(--amber);box-shadow:0 0 10px var(--amber)}.quick-actions { gap:9px; align-items:stretch; }.action-button { flex:1; min-height:56px; background:#0a1712; border:1px solid var(--line-bright); color:var(--text); font:10px var(--mono); letter-spacing:.05em; cursor:pointer; transition:.2s; }.action-button span { color:var(--lime); font-size:17px; display:block; margin-bottom:5px; }.action-button:hover{background:var(--lime);border-color:var(--lime);color:var(--bg)}.action-button:hover span{color:var(--bg)}.action-button.danger span{color:var(--amber)}.action-button.paused { border-color:var(--amber); color:var(--amber); } footer { justify-content:space-between; color:#527065; padding-top:22px; border-top:1px solid var(--line); font-size:9px; } footer .status-dot { margin-left:5px; width:5px; height:5px; }
body.high-contrast { --bg:#020403; --panel:#050806; --panel-2:#07100b; --line:#315542; --muted:#9bb8a8; }
@media (max-width:850px){.app-shell{padding:22px 20px 18px}.topbar-meta{gap:12px}.connection{display:none}.hero-row{align-items:start;gap:28px;flex-direction:column}.session-card{width:100%;border-left:0;border-top:1px solid var(--line-bright);padding:15px 0 0}.metrics-grid,.dashboard-grid,.bottom-grid{grid-template-columns:1fr}.metrics-grid{gap:10px}.metric-card{min-height:155px}.dashboard-grid{gap:10px}.panel{padding:17px}footer{gap:10px;flex-wrap:wrap;line-height:1.5}footer span:last-child{width:100%}}
@media (max-width:480px){main{padding-top:38px}.topbar{padding-bottom:18px}.hero-copy{font-size:11px;line-height:1.6}.quick-actions{display:grid;grid-template-columns:1fr 1fr}.action-button:last-child{grid-column:1/-1}h2{font-size:37px}.terminal-window{font-size:10px;padding:13px 10px}}

/* monochrome halftone print treatment */
:root { --bg:#d7d7d3; --panel:#e9e9e5; --panel-2:#f4f4f0; --line:#111; --line-bright:#111; --text:#090909; --muted:#4d4d4a; --lime:#111; --cyan:#111; --amber:#111; --red:#111; }
html { background:var(--bg); }
body { background-color:var(--bg); background-image:radial-gradient(#111 .7px, transparent .7px); background-size:7px 7px; }
body::before { opacity:.38; background:linear-gradient(135deg, rgba(255,255,255,.2), transparent 45%), repeating-linear-gradient(0deg, transparent 0 3px, rgba(0,0,0,.08) 4px); mix-blend-mode:multiply; }
.scanlines { opacity:.09; background:repeating-linear-gradient(0deg, transparent, transparent 3px, #111 4px); mix-blend-mode:multiply; }
.brand-mark span { background:#111; box-shadow:none; }
.brand-mark span:nth-child(2), .brand-mark span:nth-child(3) { background:#111; }
.icon-button { border:2px solid #111; background:var(--panel); color:#111; }
.icon-button:hover { background:#111; color:#fff; }
.metric-card,.panel { background-color:var(--panel); background-image:radial-gradient(rgba(0,0,0,.16) .7px, transparent .7px); background-size:5px 5px; border:2px solid #111; box-shadow:5px 5px 0 rgba(0,0,0,.18); }
.metric-card::after { height:4px; background:#111; box-shadow:none; }
.metric-value strong { font-weight:600; }
.meter { height:6px; background:#b5b5b1; border:1px solid #111; }
.meter span { background:#111; box-shadow:none; }
.live-badge { border:2px solid #111; color:#111; }
.live-badge i { background:#111; box-shadow:none; }
th { font-weight:600; border-bottom:2px solid #111; }
td { border-bottom-color:rgba(17,17,17,.3); }
.terminal-window { background:#111; border:2px solid #111; color:#d7d7d3; }
.terminal-window time { color:#999; }
.terminal-window .ok,.terminal-window .info,.terminal-window .warn { color:#fff; font-weight:600; }
.terminal-window b,.terminal-cursor { color:#fff; }
.terminal-cursor i { background:#fff; }
.terminal-command { position:relative; z-index:1; display:flex; align-items:center; gap:8px; margin-top:12px; padding:10px 12px; border:3px solid var(--ink); background:var(--paper-light); color:var(--ink); box-shadow:4px 4px 0 var(--ink); font:11px var(--mono); }
.terminal-command label { white-space:nowrap; font-weight:700; }
.terminal-command input { min-width:0; flex:1; border:0; outline:0; background:transparent; color:var(--ink); font:11px var(--mono); }
.terminal-command input::placeholder { color:var(--muted); opacity:.8; }
.terminal-command button { border:0; background:var(--ink); color:var(--paper-light); width:25px; height:25px; font:16px var(--mono); cursor:pointer; }
.command-line { color:var(--paper-light); margin:8px 0 0; font-weight:600; }
.command-output { white-space:pre-wrap; overflow-wrap:anywhere; color:#cfcfca; font:10px/1.5 var(--mono); margin:0 0 4px; }
.command-error { color:#fff; text-decoration:underline; }
body.high-contrast .terminal-command { background:var(--paper-light); color:var(--ink); }
.action-button { background:#f4f4f0; border:2px solid #111; color:#111; }
.action-button span,.action-button.danger span { color:#111; }
.action-button:hover { background:#111; border-color:#111; color:#fff; }
.action-button:hover span { color:#fff; }
.text-button,.clear-button { color:#111; }
.status-dot { background:#111; box-shadow:none; }
body.high-contrast { --bg:#fff; --panel:#fff; --panel-2:#fff; --line:#000; --muted:#222; }
@media (max-width:850px) { .dashboard-grid > .panel, .bottom-grid > .panel { min-width:0; } }
.topbar { position:relative; }
.brand-lockup { position:absolute; left:50%; top:12px; transform:translateX(-50%); z-index:2; }
.brand-logo { position:relative; width:176px; height:53px; display:flex; align-items:center; justify-content:center; border:2px solid #111; background:#e9e9e5; box-shadow:4px 4px 0 #111; overflow:hidden; }
.brand-logo::before { content:""; position:absolute; inset:7px 12px 6px; border:2px solid #111; border-radius:4px 4px 13px 13px; background-image:radial-gradient(#111 .7px, transparent .7px); background-size:4px 4px; opacity:.34; }
.brand-logo::after { content:""; position:absolute; width:142px; height:16px; top:7px; border:2px solid #111; border-radius:50%; background:#e9e9e5; }
.logo-lid { position:absolute; z-index:1; top:10px; width:136px; height:6px; border-top:2px solid #111; }
.logo-brain { position:absolute; z-index:2; top:15px; color:#111; font:600 17px/1 var(--mono); letter-spacing:-.2em; transform:rotate(-3deg); }
.brand-logo strong { position:relative; z-index:3; margin-top:17px; padding:5px 8px; border:2px solid #111; background:#e9e9e5; font:700 17px/1 var(--display); letter-spacing:.03em; transform:rotate(-6deg); }
@media (max-width:850px) { .brand-logo { transform:scale(.88); transform-origin:center; } .topbar { min-height:53px; } .topbar-meta { margin-left:auto; } }
.brand-logo { width:220px; height:220px; display:block; object-fit:contain; border:0; background:transparent; box-shadow:none; filter:invert(1); mix-blend-mode:multiply; }
.topbar { min-height:244px; }
body.high-contrast { --bg:#111; --panel:#181818; --panel-2:#222; --line:#f0f0ec; --line-bright:#f0f0ec; --text:#f0f0ec; --muted:#b7b7b2; }
body.high-contrast::before { opacity:.18; mix-blend-mode:screen; }
body.high-contrast .brand-logo { filter:none; mix-blend-mode:screen; }
body.high-contrast .metric-card, body.high-contrast .panel { background-color:var(--panel); background-image:radial-gradient(rgba(255,255,255,.15) .7px, transparent .7px); }
body.high-contrast .terminal-window { background:#000; }
body.high-contrast .icon-button { background:#111; color:#f0f0ec; border-color:#f0f0ec; }
body.high-contrast .meter { background:#444; border-color:#f0f0ec; }
body.high-contrast .meter span { background:#f0f0ec; }
@media (max-width:850px) { .brand-logo { width:180px; height:180px; } .topbar { min-height:200px; } }

/* final grovcode print language */
:root { --paper:#d8d8d4; --ink:#0a0a0a; --paper-light:#f2f2ee; --paper-dark:#bdbdb9; --text:var(--ink); --muted:#343432; --line:var(--ink); }
body { color:var(--text); background-color:var(--paper); background-image:radial-gradient(var(--ink) .8px, transparent .8px), linear-gradient(115deg, rgba(255,255,255,.3), transparent 45%); background-size:7px 7px, auto; }
body::before { opacity:.25; background-image:repeating-linear-gradient(0deg, rgba(0,0,0,.16) 0 1px, transparent 1px 5px); background-size:auto; mix-blend-mode:multiply; }
.scanlines { opacity:.08; background:repeating-linear-gradient(0deg, transparent 0 4px, var(--ink) 4px 5px); mix-blend-mode:multiply; }
.app-shell { padding-top:20px; }
.topbar { border-bottom:3px solid var(--ink); }
.topbar-meta { color:var(--ink); }
.connection strong, .section-kicker, .metric-foot b, .text-button, .clear-button { color:var(--ink); }
.status-dot { background:var(--ink); box-shadow:none; }
.clock { color:var(--ink); font-weight:600; }
.icon-button { border:3px solid var(--ink); background:var(--paper-light); color:var(--ink); box-shadow:3px 3px 0 var(--ink); }
.icon-button:hover { background:var(--ink); color:var(--paper-light); }
.metric-card, .panel { position:relative; background-color:var(--paper-light); background-image:radial-gradient(rgba(0,0,0,.18) .75px, transparent .75px); background-size:5px 5px; border:3px solid var(--ink); border-radius:0; box-shadow:6px 6px 0 var(--ink); }
.metric-card::before, .panel::before { content:""; position:absolute; inset:7px; pointer-events:none; border:1px solid rgba(0,0,0,.18); }
.metric-card::after { width:54px; height:6px; background:var(--ink); box-shadow:none; }
.metric-head, .metric-foot, .panel-count, th, footer { color:var(--muted); font-weight:600; }
.metric-icon { color:var(--ink); font-weight:700; }
.metric-value strong { color:var(--ink); font-size:39px; font-weight:700; }
.metric-value span { color:var(--muted); }
.meter { background:var(--paper-dark); border:2px solid var(--ink); height:8px; }
.meter span { background:var(--ink); }
.network-pulse i { background:var(--ink); }
.panel-header { position:relative; z-index:1; }
.panel-header h3 { font-weight:700; text-transform:uppercase; letter-spacing:.03em; }
.live-badge { border:3px solid var(--ink); background:var(--paper-light); color:var(--ink); font-weight:700; box-shadow:3px 3px 0 var(--ink); }
.live-badge i { background:var(--ink); }
.terminal-panel { background-color:var(--ink); background-image:radial-gradient(rgba(255,255,255,.2) .7px, transparent .7px); color:var(--paper-light); }
.terminal-panel .section-kicker, .terminal-panel h3, .terminal-panel .clear-button { color:var(--paper-light); }
.terminal-window { background:#050505; border:3px solid var(--paper-light); box-shadow:4px 4px 0 rgba(255,255,255,.45); }
.terminal-window .ok, .terminal-window .info, .terminal-window .warn { color:var(--paper-light); }
footer { border-top:3px solid var(--ink); color:var(--muted); }
body.high-contrast { --paper:#080808; --ink:#f2f2ee; --paper-light:#171717; --paper-dark:#3c3c3c; --text:var(--ink); --muted:#c9c9c4; background-color:var(--paper); background-image:radial-gradient(rgba(255,255,255,.45) .8px, transparent .8px); }
body.high-contrast .metric-card, body.high-contrast .panel { background-image:radial-gradient(rgba(255,255,255,.17) .75px, transparent .75px); box-shadow:6px 6px 0 #000; }
body.high-contrast .terminal-panel { background:#000; }
body.high-contrast .terminal-window { border-color:var(--ink); }
body.high-contrast .icon-button, body.high-contrast .live-badge { background:var(--paper-light); color:var(--ink); border-color:var(--ink); }
body.high-contrast .brand-logo { filter:none; mix-blend-mode:screen; }
@media (max-width:850px) { .metric-card, .panel { box-shadow:4px 4px 0 var(--ink); } .metric-card::before, .panel::before { inset:5px; } }
@media (max-width:850px) {
	.topbar { min-height:270px; padding-bottom:20px; align-items:flex-end; }
	.brand-lockup { top:8px; z-index:1; }
	.topbar-meta { position:absolute; right:0; bottom:20px; z-index:3; margin-left:0; }
}

/* box.png visual language: black modules, white ink, dense halftone */
:root { --box-black:#050505; --box-white:#f5f5f1; --box-gray:#a7a7a2; --box-font:'Arial Narrow', 'Roboto Condensed', Impact, sans-serif; }
html, body { background:var(--box-black); }
body { color:var(--box-white); background-image:radial-gradient(rgba(255,255,255,.55) .75px, transparent .75px); background-size:6px 6px; }
body::before { opacity:.2; background:repeating-linear-gradient(0deg, rgba(255,255,255,.2) 0 1px, transparent 1px 5px); mix-blend-mode:screen; }
.scanlines { opacity:.12; background:repeating-linear-gradient(0deg, transparent 0 3px, #fff 3px 4px); mix-blend-mode:screen; }
.app-shell { padding-top:18px; }
.topbar { border-bottom:3px solid var(--box-white); }
.connection, .clock { color:var(--box-white); }
.connection strong, .section-kicker, .metric-foot b, .text-button, .clear-button { color:var(--box-white); }
.status-dot { background:var(--box-white); box-shadow:none; }
.icon-button { border:2px solid var(--box-white); background:transparent; color:var(--box-white); box-shadow:3px 3px 0 var(--box-white); }
.icon-button:hover { background:var(--box-white); color:var(--box-black); }
.metrics-grid { gap:16px; }
.metric-card, .panel { background-color:var(--box-black); background-image:radial-gradient(rgba(255,255,255,.48) .75px, transparent .75px); background-size:5px 5px; border:3px solid var(--box-white); border-radius:0; box-shadow:inset 0 0 0 7px var(--box-black), inset 0 0 0 9px var(--box-white), 0 0 0 12px var(--box-black), 0 0 0 14px var(--box-white); }
.metric-card::before, .panel::before { inset:16px; border:1px solid rgba(255,255,255,.25); }
.metric-card::after { top:14px; left:14px; width:0; height:0; background:transparent; box-shadow:none; }
.metric-head, .metric-foot, .panel-count, th, footer { color:var(--box-white); font-family:var(--box-font); font-weight:700; letter-spacing:.06em; }
.metric-head { font-size:16px; }
.metric-icon { color:var(--box-white); font-size:26px; }
.metric-value { margin:34px 0 25px; }
.metric-value strong { color:var(--box-white); font-family:var(--box-font); font-size:clamp(70px, 7vw, 104px); line-height:.8; letter-spacing:-.04em; text-shadow:2px 2px 0 var(--box-black); }
.metric-value span { color:var(--box-white); font-family:var(--box-font); font-size:28px; font-weight:700; }
.meter { height:19px; margin:0 0 22px; padding:2px; background:rgba(0,0,0,.55); border:2px solid var(--box-white); }
.meter span { background:var(--box-white); box-shadow:none; }
.metric-foot { font-size:14px; }
.up, .down { color:var(--box-white); }
.network-pulse i { background:var(--box-white); }
.dashboard-grid { display:block; margin-top:18px; }
.terminal-panel { min-height:0; padding:28px; background-color:var(--box-black); background-image:radial-gradient(rgba(255,255,255,.48) .75px, transparent .75px); color:var(--box-white); }
.terminal-panel .section-kicker, .terminal-panel h3, .terminal-panel .clear-button { color:var(--box-white); }
.panel-header h3 { font-family:var(--box-font); font-size:23px; letter-spacing:.04em; text-transform:uppercase; }
.terminal-window { min-height:220px; background:#000; border:3px solid var(--box-white); box-shadow:none; color:var(--box-white); font-size:12px; }
.terminal-window time { color:var(--box-gray); }
.terminal-window .ok, .terminal-window .info, .terminal-window .warn, .terminal-window b, .terminal-cursor { color:var(--box-white); }
.terminal-command { border:3px solid var(--box-white); background:var(--box-black); color:var(--box-white); box-shadow:none; }
.terminal-command input { color:var(--box-white); }
.terminal-command input::placeholder { color:var(--box-gray); }
.terminal-command button { background:var(--box-white); color:var(--box-black); }
.command-line, .command-output { color:var(--box-white); }
footer { border-top:3px solid var(--box-white); color:var(--box-white); }
body.high-contrast { --box-black:#f5f5f1; --box-white:#050505; --box-gray:#555; background-color:var(--box-black); background-image:radial-gradient(rgba(0,0,0,.5) .75px, transparent .75px); }
body.high-contrast .metric-card, body.high-contrast .panel { background-color:var(--box-black); background-image:radial-gradient(rgba(0,0,0,.48) .75px, transparent .75px); box-shadow:inset 0 0 0 7px var(--box-black), inset 0 0 0 9px var(--box-white), 0 0 0 12px var(--box-black), 0 0 0 14px var(--box-white); }
body.high-contrast .terminal-window { background:var(--box-black); border-color:var(--box-white); }
body.high-contrast .terminal-command { background:var(--box-black); color:var(--box-white); }
@media (max-width:850px) { .metric-head { font-size:13px; } .metric-value { margin:30px 0 22px; } .metric-value strong { font-size:74px; } .terminal-panel { padding:22px; } }