:root{--bg:#f7f8fb;--panel:#fff;--text:#18202a;--muted:#5d6775;--brand:#0b5fff;--ok:#087f5b;--error:#c92a2a;--border:#dce2ee}*{box-sizing:border-box}body{margin:0;font-family:IBM Plex Sans,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 10% 0,#e9efff 0,var(--bg) 35%,#f3f5fb 100%)}a{color:inherit;text-decoration:none}.container{max-width:1080px;margin:0 auto;padding:24px}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:0 10px 30px rgba(19,32,66,.05)}.grid{display:grid;grid-gap:16px;gap:16px}.btn{border:none;background:var(--brand);color:#fff;border-radius:10px;padding:10px 14px;cursor:pointer;font-weight:600}.btn.secondary{background:#e8eefc;color:#14326f}.input,select{width:100%;border:1px solid var(--border);border-radius:10px;padding:10px}.table{width:100%;border-collapse:collapse}.table td,.table th{border-bottom:1px solid var(--border);padding:10px 8px;text-align:left}.badge{display:inline-block;border-radius:999px;padding:4px 10px;font-size:12px}.badge.processing{background:#fff3bf}.badge.queued{background:#e7f5ff}.badge.completed{background:#d3f9d8}.badge.failed{background:#ffe3e3}.progressWrap{background:#edf2ff;border-radius:999px;height:10px;overflow:hidden}.progressBar{background:linear-gradient(90deg,#0b5fff,#2f9bff);height:100%}.segment{padding:10px;border-bottom:1px solid var(--border);cursor:pointer}.segment.active{background:#eaf2ff}@media (max-width:780px){.container{padding:14px}}