:root{--color-bg:#0b0d12;--color-surface:#151922;--color-border:#262c38;--color-text:#e6e9ef;--color-text-muted:#9aa4b2;--color-accent:#f2b84b;--color-error-bg:#3a1f1f;--color-error-border:#7a3a3a}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.page{max-width:720px;margin:0 auto;padding:3rem 1.5rem 4rem}.page h1{margin-bottom:.5rem;font-size:1.75rem}.subtitle{color:var(--color-text-muted);margin-top:0;margin-bottom:2rem;line-height:1.5}.empty-state{color:var(--color-text-muted);border:1px dashed var(--color-border);text-align:center;border-radius:8px;padding:1.5rem}.error-banner{background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:8px;padding:1rem}.queue{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.queue-item{background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid var(--color-accent);border-radius:8px;flex-direction:column;gap:.25rem;padding:1rem 1.25rem;display:flex}.queue-item-reason{color:var(--color-accent);font-weight:600}.queue-item-job{color:var(--color-text)}.queue-item-since{color:var(--color-text-muted);font-size:.875rem}code{background:var(--color-surface);border-radius:4px;padding:.1rem .35rem}.login-form{flex-direction:column;gap:1rem;max-width:320px;display:flex}.login-form label{color:var(--color-text-muted);flex-direction:column;gap:.35rem;font-size:.875rem;display:flex}.login-form input{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);border-radius:6px;padding:.5rem .75rem;font-size:1rem}.login-form button,button{background:var(--color-accent);color:#1a1400;cursor:pointer;border:none;border-radius:6px;padding:.6rem 1rem;font-weight:600}.login-form button:disabled,button:disabled{opacity:.6;cursor:default}.summary-grid{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;grid-template-columns:auto 1fr;gap:.5rem 1.5rem;margin-top:1.5rem;padding:1.25rem;display:grid}.summary-grid dt{color:var(--color-text-muted)}.summary-grid dd{margin:0;font-weight:600}.plan-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.plan-actions button{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.plan-actions button.primary{background:var(--color-accent);color:#1a1400;border:none}
