:root,[data-theme=dark]{--bg-app: #030712;--bg-surface: #050b14;--bg-surface-elevated: #0a1426;--border-color: #0066ff;--border-dim: rgba(0, 102, 255, .35);--border-glow: rgba(0, 102, 255, .7);--box-glow-inset: inset 0 0 15px rgba(0, 102, 255, .25);--color-primary: #0066ff;--color-primary-hover: #1a75ff;--color-secondary: #0055d4;--color-accent: #38bdf8;--color-grid-line: rgba(0, 102, 255, .08);--font-display: "Orbitron", sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--text-main: #ffffff;--text-muted: #88a4c8;--text-blue: #38bdf8;--status-ok: #00ffaa;--status-ok-bg: rgba(0, 255, 170, .12);--status-ok-border: #00ffaa;--status-warn: #ff9900;--status-warn-bg: rgba(255, 153, 0, .12);--status-warn-border: #ff9900;--status-danger: #ff0055;--status-danger-bg: rgba(255, 0, 85, .12);--status-danger-border: #ff0055;--card-shadow: inset 0 0 15px rgba(0, 102, 255, .25), 0 0 10px rgba(0, 102, 255, .2);--neon-shadow: 0 0 15px rgba(0, 102, 255, .6)}[data-theme=light]{--bg-app: #f1f5f9;--bg-surface: #ffffff;--bg-surface-elevated: #e2e8f0;--border-color: #0066cc;--border-dim: rgba(0, 102, 204, .35);--border-glow: rgba(0, 102, 204, .5);--box-glow-inset: 0 2px 8px rgba(0, 0, 0, .05);--color-primary: #0066cc;--color-primary-hover: #0055aa;--color-secondary: #0f172a;--color-accent: #0284c7;--color-grid-line: rgba(0, 102, 204, .04);--text-main: #0f172a;--text-muted: #475569;--text-blue: #0066cc;--status-ok: #059669;--status-ok-bg: #ecfdf5;--status-ok-border: #a7f3d0;--status-warn: #d97706;--status-warn-bg: #fef3c7;--status-warn-border: #fde68a;--status-danger: #dc2626;--status-danger-bg: #fef2f2;--status-danger-border: #fca5a5;--card-shadow: 0 4px 16px rgba(0, 0, 0, .08);--neon-shadow: 0 0 10px rgba(0, 102, 204, .2)}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .25s ease,border-color .25s ease,color .2s ease}body{font-family:var(--font-body);background-color:var(--bg-app);color:var(--text-main);min-height:100vh;line-height:1.5;background-image:linear-gradient(var(--color-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--color-grid-line) 1px,transparent 1px);background-size:32px 32px;overflow-x:hidden}.tron-container{background-color:var(--bg-surface);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:8px;position:relative}.tron-button{background:transparent;color:#fff;border:2px solid var(--border-color);font-family:var(--font-display);text-transform:uppercase;padding:8px 18px;cursor:pointer;box-shadow:0 0 10px #0066ff80;transition:all .3s ease;font-size:.775rem;letter-spacing:1px;font-weight:700;display:inline-flex;align-items:center;gap:.5rem;-webkit-user-select:none;user-select:none;border-radius:4px}.tron-button:hover{background-color:var(--color-primary);color:#000;box-shadow:0 0 20px var(--color-primary)}.tron-button:active{transform:scale(.98)}.tron-button-sm{padding:4px 12px;font-size:.7rem}.tron-badge{font-family:var(--font-mono);font-size:.7rem;font-weight:700;padding:.2rem .55rem;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;gap:.35rem}.badge-ok{background:var(--status-ok-bg);border:1px solid var(--status-ok-border);color:var(--status-ok)}.badge-warn{background:var(--status-warn-bg);border:1px solid var(--status-warn-border);color:var(--status-warn)}.badge-danger{background:var(--status-danger-bg);border:1px solid var(--status-danger-border);color:var(--status-danger)}.badge-neutral{background:#88a4c81f;border:1px solid var(--border-dim);color:var(--text-muted)}.pulse-dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor;animation:tron-pulse 2s infinite ease-in-out}@keyframes tron-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}
