:root{--bg: #0f0f0f;--panel: #1a1a1a;--border: #3a4551;--text: #d4d4d4;--muted: #a0a0a0;--accent: #ff9900;--ok: #16a34a;--warn: #d97706;--err: #dc2626}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:radial-gradient(circle at top right,#1f2937 0%,var(--bg) 40%);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}.page{max-width:1100px;margin:0 auto;padding:24px;display:grid;gap:16px}.page.centered{min-height:100vh;place-content:center}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.title{margin:0;font-size:30px}.subtitle{margin:6px 0 0;color:var(--muted);font-size:14px}.card{background:linear-gradient(180deg,#1e1f23 0%,var(--panel) 100%);border:1px solid var(--border);border-radius:12px;padding:16px}.auth-card{width:min(420px,100%)}.card h2{margin:0 0 12px;font-size:20px}.card h3{margin:0 0 10px;font-size:16px}.inline-form{display:grid;grid-template-columns:1fr auto;gap:8px}.form-stack{display:grid;gap:10px}.field-label{font-size:12px;color:var(--muted)}.input{width:100%;border:1px solid var(--border);background:#121418;color:var(--text);border-radius:8px;padding:10px 12px;font-size:14px}.input:focus{outline:none;border-color:var(--accent)}.btn{border:1px solid var(--border);border-radius:8px;padding:10px 14px;font-weight:600;cursor:pointer;transition:.2s ease}.btn.primary{background:var(--accent);border-color:var(--accent);color:#111}.btn.primary:hover{filter:brightness(1.04)}.btn.ghost{background:transparent;color:var(--text)}.btn:disabled{opacity:.6;cursor:not-allowed}.stats-grid{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:10px}.stat-card{background:#111418;border:1px solid var(--border);border-radius:8px;padding:10px;display:grid;gap:6px}.stat-card.full{grid-column:1 / -1}.stat-card span{font-size:12px;color:var(--muted)}.stat-card strong{font-size:16px}.stat-card p{margin:0;font-size:14px;white-space:pre-wrap}.progress{width:100%;border:1px solid var(--border);border-radius:8px;height:10px;overflow:hidden;background:#111418;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#f97316,#ffb347)}.stage-grid{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.pill{border:1px solid var(--border);border-radius:8px;padding:10px;display:grid;gap:4px;background:#111418}.pill span{font-size:12px;text-transform:uppercase;color:var(--muted)}.pill.success{border-color:#1f7a3f;background:#0d2618}.pill.running{border-color:#9a5705;background:#2a1d08}.pill.failed{border-color:#8f2020;background:#2a1212}.video{width:min(380px,100%);border-radius:8px;border:1px solid var(--border);background:#000}.brief{margin-top:10px;border:1px solid var(--border);border-radius:8px;padding:12px;background:#111418}.brief p{margin:6px 0;font-size:14px}.list{display:grid;gap:8px}.list-item{border:1px solid var(--border);border-radius:8px;padding:10px;background:#111418;display:grid;gap:6px}.row{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--muted)}.link{color:var(--accent);text-decoration:underline;font-size:12px}pre{margin:0;font-size:12px;color:var(--muted);white-space:pre-wrap;word-break:break-word}.alert{border-radius:8px;padding:10px;font-size:13px}.alert.error{border:1px solid #8f2020;background:#dc26261f}.alert.warn{border:1px solid #8a5a12;background:#d977061f}@media (max-width: 900px){.stats-grid,.stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inline-form{grid-template-columns:1fr}}@media (max-width: 560px){.page{padding:14px}.stats-grid,.stage-grid{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}}