/* Console typography and green/red status accents; retain sidebar navigation. */
:root{background:#060b11;color:#f4f7fb;--muted:#91a6bf;--line:#203043;--green:#22c77b;--red:#f04444;--amber:#efb748;font-family:Inter,Segoe UI,Arial,sans-serif}
body{background:radial-gradient(ellipse at 75% 0%,#06314822,transparent 50%),#060b11}
aside{background:#080f18;border-color:#203043}
.logo{background:transparent;color:#08b9ed;border:1px solid #08b9ed;border-radius:10px;font-weight:750}
.brand{color:#f4f7fb;letter-spacing:2px}.brand-logo{display:block;width:100%;max-width:200px;height:auto}.login-card .brand-logo{flex:none;width:200px}
nav button{color:#8ea2ba}
nav button.selected{color:#00b9f3;background:#082333;box-shadow:inset 2px 0 #09b5e8}
nav button:hover{background:#102333;color:#d5ecff}
button{background:#0e1c2b;border-color:#23364c;color:#c8d9ec}
button:hover{background:#152b3e}
.primary{background:#0ba7df;color:#030b12;border:1px solid #0ba7df;font-weight:700}
.primary:hover{background:#28bbed;border-color:#28bbed}
button:focus-visible,input:focus-visible,select:focus-visible{outline-color:#0db8ef}
.card,.stat{background:#0c1826;border-color:#203043;border-radius:13px;box-shadow:none}
.stat .value{font-weight:650;color:#f4f7fb}
.stat .label,.eyebrow,.aside-label{color:#7994b4}
.notice{background:#0c1928;color:#9cb4cf;border-color:#223449}
.empty{background:#080f18;border-color:#22354b;color:#88a2bf}
input,select{background:#070e16;color:#e7f0fa;border-color:#26384d}
input::placeholder{color:#607b9b}
input[type=checkbox]{accent-color:#0ba7df}
.badge{background:#162538;color:#9bb1cd}
.badge.good{background:#07251b;color:#22c77b}
.badge.bad{background:#2d1016;color:#ff5858}
.badge.warn{background:#2c2312;color:#efb748}
.detail{border-color:#203043}
.detail span:first-child{color:#8ea5c0}
.progress{background:#17273a}.progress i{background:#0bb3e9}
.alert-row{border-color:#203043}
.url{color:#19b5e8}
table{background:#0c1826}th{background:#0a1420;color:#7e9abb}td{border-color:#203043}
.login{background:radial-gradient(ellipse at 65% 35%,#07304a44,transparent 60%),#060b11}
.login-card{background:#0b1623;border-color:#223449;border-radius:16px}
.login-card h1{font-size:36px;letter-spacing:-1.1px;font-weight:730;color:#f5f8fc}
.login-card .muted{color:#8fa9c5}
dialog{background:#0c1826;border-color:#28435d}
#toast{background:#0b2538;border-color:#14618b;color:#d6efff}
.dot{background:#22c77b}.good-text{color:#22c77b}.danger,#login-error{color:#f04444}
.aside-bottom{color:#6d87a5}footer{color:#647e9c}
@media(max-width:700px){.login-card h1{font-size:30px}}


/* General interface stays sans serif; monospace is reserved for console panels. */
:root{font-family:Inter,"Segoe UI",Arial,sans-serif}
.console{background:#06090e;border:1px solid #263444;border-radius:12px;overflow:hidden;font-family:"Cascadia Code",Consolas,"Liberation Mono",monospace;font-size:12px;line-height:1.8}
.console-head{display:flex;justify-content:space-between;padding:12px 18px;border-bottom:1px solid #263444;background:#0c1420;font-size:11px;font-weight:700}
.console-body{padding:20px;min-height:190px}
.console-body p{margin-bottom:12px}
.console-red{border-color:#512125}.console-red .console-head{background:#1a0d12;border-color:#512125;color:#f04444}
.console-red .console-body{color:#ff6868}
.console-green .console-body{color:#22c77b}
.console .muted{color:#8196ae;font-size:11px}
.console .alert-row{border-color:#391a20}
.console-green .alert-row{border-color:#182d24}
.console .empty{background:transparent;border:0;text-align:left;padding:0;color:#8196ae}
.console-dot{width:7px;height:7px;border-radius:50%;background:currentColor;align-self:center}
.title-accent{color:#f04444}
.overview-feature{display:grid;grid-template-columns:1.15fr 1fr;gap:28px;margin-bottom:30px;align-items:start}
.console-stack{display:grid;gap:20px}
.overview-metrics{display:grid;gap:16px}
.overview-metrics .stat{display:grid;grid-template-columns:85px 1fr;gap:18px;align-items:start;padding:24px}
.overview-metrics .value{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#f04444;font-size:30px;font-weight:750;margin:0;letter-spacing:-1px}
.overview-metrics .label{color:#f4f7fb;font-size:15px;font-weight:650;margin:2px 0 8px}
.overview-metrics .hint{color:#91a6bf;font-size:13px;line-height:1.6}
h1{font-weight:750;letter-spacing:-1px}
@media(max-width:1100px){.overview-feature{grid-template-columns:1fr}.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-metrics .stat{grid-template-columns:1fr;gap:8px}}
@media(max-width:700px){.overview-metrics{grid-template-columns:1fr}.overview-metrics .stat{grid-template-columns:85px 1fr}.console-body{padding:16px}}