[hidden] { display: none !important; }
html { height: auto; min-height: 100%; overflow-x: clip; }
body { height: auto; min-height: 100vh; overflow-x: clip; user-select: text; }
body { --font-mono: 'Cascadia Code', Consolas, monospace; --font-display: 'Segoe UI', sans-serif; --text-muted: #8da99a; }
button:disabled { cursor: not-allowed; opacity: .4; }
button:focus-visible, input:focus-visible { outline: 2px solid var(--secondary); outline-offset: 3px; }
.login-screen { min-height: 100vh; display: grid; place-items: center; padding: 24px; position: relative; z-index: 2; }
.login-card { width: min(440px, 100%); }
.login-card h1 { font-size: 32px; margin: 16px 0; }
.login-card p { line-height: 1.6; margin-bottom: 24px; }
.login-card small { color: var(--text-muted); line-height: 1.7; display: block; margin-top: 22px; }
.eyebrow { color: var(--primary); font-size: 11px; letter-spacing: 2px; }
label { display: block; margin: 18px 0 8px; font-size: 12px; }
input { width: 100%; background: var(--bg-dark); border: 1px solid var(--bg-card-border); border-radius: 4px; color: var(--text-main); padding: 12px; font: inherit; }
.login-card button { margin-top: 24px; width: 100%; }
.error { color: #ff7893; line-height: 1.6; font-size: 12px; margin: 12px 0; white-space: pre-wrap; }
.hud-header { gap: 20px; flex-wrap: wrap; }
.header-right { flex-wrap: wrap; gap: 16px; }
.card-stat-big { font-size: 19px; }
.card-header { gap: 10px; flex-wrap: wrap; }
.telemetry-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ops-grid { grid-template-columns: minmax(0, 1fr); }
.card-body { min-width: 0; }
.terminal-body { height: 390px; padding: 12px; background: #050907; }
.terminal-note { padding: 10px 16px; font-size: 12px; color: var(--text-muted); }
.terminal-bar { flex-wrap: wrap; gap: 10px; }
.card-meta-row, .c-image, .c-ports, .term-btn, .hud-uptime, .version-tag { font-size: 11px; }
.xterm { height: 100%; }
.partition-row { grid-template-columns: minmax(70px, 1fr) 1fr minmax(110px, auto); }
.part-name { overflow-wrap: anywhere; }
.card-meta-row { gap: 10px; flex-wrap: wrap; line-height: 1.6; }
.container-table-wrap { overflow-x: auto; }
.c-name, .c-image, .c-ports { overflow-wrap: anywhere; }
.cyber-table { min-width: 650px; }
.activity-feed { max-height: 200px; overflow: auto; line-height: 1.8; font-size: 12px; }
.activity-feed p { padding: 6px 0; border-bottom: 1px solid var(--bg-card-border); }
.offline-banner { padding: 14px; color: var(--warn); background: #352400; border: 1px solid var(--warn); }
.offline .pulse-dot { background: var(--warn); animation: none; }
.offline .card-stat-big, .offline .iops-value, .offline .net-m-v { opacity: .45; }
.live-dialog { width: min(520px, calc(100vw - 32px)); margin: auto; padding: 28px; background: #08120d; color: var(--text-main); border: 1px solid var(--primary); border-radius: 6px; font: inherit; }
.live-dialog::backdrop { background: #000b; backdrop-filter: blur(4px); }
.live-dialog h2 { font-size: 20px; margin-bottom: 18px; }
.live-dialog p { font-size: 13px; line-height: 1.8; }
.dialog-actions { margin-top: 24px; display: flex; justify-content: flex-end; gap: 12px; }
.logs-dialog { width: min(1000px, calc(100vw - 32px)); }
#logs-content { max-height: 65vh; overflow: auto; font-size: 12px; white-space: pre-wrap; overflow-wrap: anywhere; }
.hud-footer { justify-content: space-between; gap: 12px; flex-wrap: wrap; }
@media (min-width: 1800px) { .telemetry-grid { grid-template-columns: repeat(4,minmax(0,1fr)); } }
@media (max-width: 700px) { .telemetry-grid { grid-template-columns: minmax(0,1fr); } .hud-app { padding: 10px; } .hud-header { align-items: flex-start; } .header-left { flex-wrap: wrap; } .header-right { width: 100%; justify-content: space-between; } .ram-visual-row { flex-wrap: wrap; } .terminal-footer { flex-wrap: wrap; gap: 10px; } .live-dialog { padding: 20px; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } #matrix-canvas, .crt-overlay { display: none; } }