:root{--bg-base: #0d1420;--bg-surface: #131b2b;--bg-raised: #1a2436;--border: #243048;--text-primary: #e8ecf4;--text-secondary: #8b96ab;--pnl-positive: #4ade80;--pnl-negative: #f87171;--pnl-neutral: #6b7280;--modo-apagado: #6b7280;--modo-sombra: #60a5fa;--modo-paper: #fbbf24;--modo-real: #ef4444;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;color-scheme:dark}body{margin:0;background:var(--bg-base);color:var(--text-primary);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}.numero{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.positivo{color:var(--pnl-positive)}.negativo{color:var(--pnl-negative)}.secundario{color:var(--text-secondary)}header{display:flex;align-items:center;gap:16px;padding:8px 16px;background:var(--bg-surface);border-bottom:1px solid var(--border)}header h1{font-size:16px;margin:0}nav[role=tablist]{display:flex;gap:4px;flex:1}nav button,button{background:var(--bg-raised);color:var(--text-primary);border:1px solid var(--border);padding:4px 10px;cursor:pointer;font:inherit}nav button[aria-selected=true]{border-color:var(--modo-sombra)}button:disabled{opacity:.45;cursor:not-allowed}.panico{background:var(--modo-real);border-color:var(--modo-real);font-weight:700}main>section{padding:16px;display:grid;gap:16px}.tarjeta{background:var(--bg-surface);border:1px solid var(--border);padding:12px}.tarjeta h2{font-size:12px;text-transform:uppercase;color:var(--text-secondary);margin:0 0 8px}.modo{padding:2px 8px;font-weight:700;font-size:12px}.modo-apagado{background:var(--modo-apagado)}.modo-sombra{background:var(--modo-sombra);color:#0d1420}.modo-paper{background:var(--modo-paper);color:#0d1420}.modo-real{background:var(--modo-real)}.barra{height:8px;background:var(--bg-raised)}.barra>div{height:100%}.barra[data-nivel=verde]>div{background:var(--pnl-positive)}.barra[data-nivel=ambar]>div{background:var(--modo-paper)}.barra[data-nivel=rojo]>div{background:var(--pnl-negative)}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:4px 8px;border-bottom:1px solid var(--border)}th{color:var(--text-secondary);font-weight:500;font-size:12px}ul.registro{list-style:none;margin:0;padding:0;font-family:var(--font-mono);font-size:12px}[role=alert]{color:var(--pnl-negative)}dialog{background:var(--bg-surface);color:var(--text-primary);border:2px solid var(--modo-real)}form.login{max-width:320px;margin:15vh auto;display:grid;gap:8px}label{display:grid;gap:2px;color:var(--text-secondary);font-size:12px}input{background:var(--bg-raised);color:var(--text-primary);border:1px solid var(--border);padding:4px;font:inherit}