:root {
  --bg-primary: #0D0D0D;
  --bg-surface: #1A1A1A;
  --bg-elevated: #232323;
  --amber-500: #F59E0B;
  --amber-400: #FBBF24;
  --text-primary: #F5F5F5;
  --text-secondary: #C9C9C9;
  --border-default: #2E2E2E;
}
body { background: var(--bg-primary); }
.font-display { font-family: 'Cormorant Garamond', serif; }
.font-mono { font-family: 'JetBrains Mono', monospace; }
.card { background: var(--bg-surface); border: 1px solid var(--border-default); border-radius: 12px; }
.card-elevated { background: var(--bg-elevated); border: 1px solid var(--border-default); border-radius: 10px; }
.amber { color: var(--amber-500); }
.bg-amber { background: var(--amber-500); color: #1A1A1A; }
.btn-amber { background: var(--amber-500); color: #1A1A1A; font-weight: 600; transition: all .15s; }
.btn-amber:hover { background: var(--amber-400); }
.btn-ghost { background: transparent; border: 1px solid var(--border-default); color: var(--text-secondary); transition: all .15s; }
.btn-ghost:hover { border-color: var(--amber-500); color: var(--amber-500); }
.badge { padding: 2px 10px; border-radius: 999px; font-size: 11px; font-weight: 600; letter-spacing: .02em; }
.badge-queued { background: #3B82F633; color: #93C5FD; }
.badge-processing { background: #F59E0B33; color: #FBBF24; }
.badge-done { background: #10B98133; color: #6EE7B7; }
.badge-failed { background: #EF444433; color: #FCA5A5; }
.badge-cancelled { background: #6B728033; color: #D1D5DB; }
.badge-pending { background: #6B728033; color: #D1D5DB; }
.badge-pass { background: #10B98133; color: #6EE7B7; }
.badge-park { background: #F59E0B22; color: #FBBF24; }
.dot { width:8px;height:8px;border-radius:50%;display:inline-block; }
input, select { background: var(--bg-elevated); border: 1px solid var(--border-default); color: var(--text-primary); border-radius: 8px; }
input:focus, select:focus { outline: none; border-color: var(--amber-500); }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: var(--border-default); border-radius: 4px; }