*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
  :root {
    --bg:#07080f; --surface:#13161f; --surface2:#1a1d2e;
    --border:#252840; --border2:#363a5a;
    --text:#dde1f0; --text-muted:#8890b0; --text-dim:#4a5070;
    --accent:#6366f1; --accent-light:#818cf8; --accent-dark:#1e1b4b;
    --success-bg:#0d2818; --success-fg:#4ade80; --success-bd:#166534;
    --danger-bg:#2d0a0a;  --danger-fg:#f87171;  --danger-bd:#991b1b;
    --warning-bg:#2a1f05; --warning-fg:#fbbf24; --warning-bd:#92400e;
    --info-bg:#071e3d;    --info-fg:#60a5fa;    --info-bd:#1d4ed8;
    --step-bg:#0d1f2d;    --step-fg:#38bdf8;    --step-bd:#0e4d78;
    --wait-bg:#1a0d2e;    --wait-fg:#c084fc;    --wait-bd:#6b21a8;
    --manual-bg:#1a1a0d;  --manual-fg:#d4d474;  --manual-bd:#737310;
    --orange-bg:#1f1008;  --orange-fg:#f97316;  --orange-bd:#7c3a10;
  }
  body { font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif; background:var(--bg); color:var(--text); min-height:100vh; font-size:14px; line-height:1.5; }
  input[type="text"],input[type="password"],input[type="datetime-local"],select,textarea {
    background:var(--surface2); border:1px solid var(--border); border-radius:8px;
    padding:9px 12px; color:var(--text); outline:none; width:100%;
    font-family:inherit; font-size:13px; transition:border-color 0.15s;
  }
  input:focus,select:focus,textarea:focus { border-color:var(--accent); }
  input::placeholder,textarea::placeholder { color:var(--text-dim); }
  select option { background:var(--surface2); }
  textarea { resize:vertical; min-height:60px; }
  button {
    background:transparent; border:1px solid var(--border2); border-radius:7px;
    padding:7px 14px; color:var(--text-muted); cursor:pointer;
    font-family:inherit; font-size:13px; transition:all 0.15s;
    display:inline-flex; align-items:center; gap:5px;
  }
  button:hover:not(:disabled) { background:var(--surface2); color:var(--text); }
  button:disabled { opacity:0.4; cursor:not-allowed; }
  button.primary { background:var(--accent); border-color:var(--accent); color:#fff; font-weight:600; }
  button.primary:hover:not(:disabled) { background:var(--accent-light); border-color:var(--accent-light); }
  button.danger { color:var(--danger-fg); border-color:var(--danger-bd); }
  button.danger:hover:not(:disabled) { background:var(--danger-bg); }
  a { color:inherit; text-decoration:none; }
  a:hover { text-decoration:underline; }
  code { font-family:'SF Mono','Fira Code',Consolas,monospace; font-size:11px; }
  .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }
  .setup-container { max-width:75%; margin:0 auto; }
  .setup-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; align-items:start; }
  @media (max-width:768px) {
    .setup-container { max-width:100%; }
    .setup-grid { grid-template-columns:1fr; }
  }
  :root.light {
    --bg:#f0f2f6; --surface:#ffffff; --surface2:#e8ebf0;
    --border:#cdd2da; --border2:#b0b8c4;
    --text:#1a1d23; --text-muted:#4a5568; --text-dim:#8a95a3;
    --accent:#4f46e5; --accent-light:#3730a3; --accent-dark:#e0e7ff;
    --success-bg:#f0fdf4; --success-fg:#15803d; --success-bd:#6ee7b7;
    --danger-bg:#fef2f2; --danger-fg:#b91c1c; --danger-bd:#fca5a5;
    --warning-bg:#fffbeb; --warning-fg:#92400e; --warning-bd:#fcd34d;
    --info-bg:#eff6ff; --info-fg:#1d4ed8; --info-bd:#93c5fd;
    --step-bg:#f0f9ff; --step-fg:#0369a1; --step-bd:#7dd3fc;
    --wait-bg:#f5f3ff; --wait-fg:#6d28d9; --wait-bd:#c4b5fd;
    --manual-bg:#fefce8; --manual-fg:#78350f; --manual-bd:#fef08a;
    --orange-bg:#fff7ed; --orange-fg:#c2410c; --orange-bd:#fdba74;
  }