@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&family=JetBrains+Mono:wght@400;700&display=swap";:root{--midnight-obsidian:#0b0d11;--cyber-emerald:#00f294;--lunar-quartz:#f3f4f6;--steel-ore:#4a5568;--crimson-alizarin:#ff3b30;--font-technical:"JetBrains Mono", monospace;--font-narrative:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-narrative);background-color:var(--midnight-obsidian);color:var(--lunar-quartz);width:100vw;height:100vh;overflow:hidden}#root{width:100vw;height:100vh}.console-grid{grid-template-rows:auto 1fr;grid-template-columns:320px 1fr 360px;width:100vw;height:100vh;display:grid}.console-header{border-bottom:1px solid var(--steel-ore);background-color:var(--midnight-obsidian);z-index:1000;grid-area:1/1/2/4;justify-content:space-between;align-items:center;padding:0 24px;display:flex}.console-left-nav{border-right:1px solid var(--steel-ore);background-color:var(--midnight-obsidian);flex-direction:column;grid-area:2/1/3/2;display:flex;overflow-y:auto}.console-center-canvas{background-color:var(--midnight-obsidian);grid-area:2/2/3/3;position:relative;overflow-y:auto}.console-right-telemetry{border-left:1px solid var(--steel-ore);background-color:var(--midnight-obsidian);flex-direction:column;grid-area:2/3/3/4;display:flex}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--midnight-obsidian)}::-webkit-scrollbar-thumb{background:var(--steel-ore)}::-webkit-scrollbar-thumb:hover{background:var(--cyber-emerald)}.font-tech{font-family:var(--font-technical)}.text-emerald{color:var(--cyber-emerald)}.text-quartz{color:var(--lunar-quartz)}.text-steel{color:var(--steel-ore)}.text-crimson{color:var(--crimson-alizarin)}.pulse-emerald{animation:2s infinite pulse}@keyframes pulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}@keyframes glowPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.secondary-text{color:#f3f4f699;font-size:.9rem;line-height:1.6}.btn-toggle{border:1px solid var(--steel-ore);color:var(--lunar-quartz);cursor:pointer;font-family:var(--font-technical);background:0 0;padding:4px 12px;font-size:.8rem}.btn-toggle.active{background:var(--cyber-emerald);color:var(--midnight-obsidian);border-color:var(--cyber-emerald)}.nav-item{border-bottom:1px solid var(--steel-ore);cursor:pointer;padding:16px 24px;transition:all .2s}.nav-item:hover{background:#4a556833}.nav-item.active{border-left:4px solid var(--cyber-emerald);background:#00f2940d}.panel-section{border-bottom:1px solid var(--steel-ore);padding:20px}.log-line{font-family:var(--font-technical);margin-bottom:4px;font-size:.75rem}.log-time{color:var(--steel-ore);margin-right:8px}.hero-box{border:1px solid var(--steel-ore);background:#4a55680d;margin:20px;padding:24px}table{border-collapse:collapse;width:100%;font-family:var(--font-narrative);margin:20px 0;font-size:.9rem}th,td{border:1px solid var(--steel-ore);text-align:left;padding:12px 16px}th{color:var(--lunar-quartz);background-color:#4a556833}