:root{--bg: #0a0e1a;--card: #0d1424;--card-soft: #131c30;--border: #1f2a44;--text: #e6ecf5;--text-soft: #94a3b8;--brand: #F59E0B;--ok: #10b981;--warn: #f59e0b;--alarm: #dc2626;--prod: #3b82f6}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);font-size:16px;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.mono{font-family:JetBrains Mono,ui-monospace,SF Mono,Consolas,monospace}button{font-family:inherit;font-size:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px}.btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 18px;border-radius:12px;border:1px solid transparent;background:var(--card-soft);color:var(--text);font-weight:600}.btn-primary{background:var(--brand);color:#0a0e1a}.btn-ghost{background:transparent;border-color:var(--border)}.btn-danger{background:var(--alarm);color:#fff}.btn:disabled{opacity:.5}.input{width:100%;padding:14px;border-radius:10px;border:1px solid var(--border);background:var(--card-soft);color:var(--text);font-family:JetBrains Mono,monospace}.input:focus{outline:2px solid var(--brand);outline-offset:1px}.label{display:block;font-size:13px;color:var(--text-soft);margin-bottom:6px}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .9s linear infinite}