@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--industrial-900: #0D0D0D;--industrial-800: #1A1A1A;--industrial-700: #1F2937;--amber-600: #F59E0B;--amber-500: #FBBF24;--led-on: #10B981;--led-off: #6B7280;--led-danger: #F43F5E}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh;background-color:var(--industrial-900);color:#e5e7eb;font-family:IBM Plex Mono,monospace}body{background-image:linear-gradient(to right,rgba(31,41,55,.3) 1px,transparent 1px),linear-gradient(to bottom,rgba(31,41,55,.3) 1px,transparent 1px);background-size:40px 40px;background-position:-1px -1px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--industrial-800)}::-webkit-scrollbar-thumb{background:var(--industrial-600);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--industrial-500)}.panel{@apply bg-gradient-to-br from-industrial-800 to-industrial-700 border border-industrial-600 rounded-lg;box-shadow:inset 0 1px #ffffff0d,0 4px 6px -1px #0000004d}.led{@apply w-3 h-3 rounded-full;box-shadow:0 0 8px currentColor}.led-on{@apply bg-led-on;animation:led-pulse 2s ease-in-out infinite}.led-off{@apply bg-led-off opacity-50;}.led-danger{@apply bg-led-danger;}@keyframes led-pulse{0%,to{opacity:1}50%{opacity:.6}}.toggle-switch{@apply relative w-12 h-6 bg-industrial-600 rounded-full cursor-pointer transition-all duration-200;}.toggle-switch.active{@apply bg-amber-600;}.toggle-switch:after{content:"";@apply absolute top-0.5 left-0.5 w-5 h-5 bg-white rounded-full transition-transform duration-200;box-shadow:0 2px 4px #0000004d}.toggle-switch.active:after{@apply translate-x-6;}.btn{@apply px-4 py-2 rounded font-medium transition-all duration-200 font-mono text-sm;}.btn-primary{@apply bg-amber-600 text-black hover:bg-amber-500 active:bg-amber-400;box-shadow:0 0 10px #f59e0b4d}.btn-secondary{@apply bg-industrial-600 text-gray-200 hover:bg-industrial-500;}.btn-danger{@apply bg-led-danger/20 text-led-danger hover:bg-led-danger/30;}.input{@apply w-full px-3 py-2 bg-industrial-800 border border-industrial-600 rounded text-gray-200 placeholder-gray-500 focus:outline-none focus:border-amber-600 focus:ring-1 focus:ring-amber-600/50 font-mono text-sm;}.flag-card{@apply transition-all duration-200;}.flag-card:hover{@apply border-amber-600/50;box-shadow:0 0 20px #f59e0b1a}.rollout-bar{@apply h-2 rounded-full overflow-hidden bg-industrial-700;}.rollout-bar-fill{@apply h-full rounded-full transition-all duration-500;background:linear-gradient(90deg,#f43f5e,#f59e0b,#10b981)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in{animation:slideIn .2s ease-out}.modal-backdrop{@apply fixed inset-0 bg-black/70 backdrop-blur-sm z-40;}.modal-content{@apply fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 z-50;}