:root{--bg: #f5f6f8;--panel: #ffffff;--border: #e2e5ea;--text: #1c1f24;--muted: #6b7280;--accent: #2563eb;--success: #15803d;--error: #b91c1c}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.layout{max-width:1200px;margin:0 auto;padding:24px 16px 48px}.columns{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.column{flex:1 1 480px;min-width:320px}.column--side{flex:0 1 380px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:16px;margin-bottom:16px}h1{font-size:24px}h2{font-size:16px;margin:0 0 12px}.muted{color:var(--muted);font-size:13px}textarea{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;padding:8px;border:1px solid var(--border);border-radius:6px;resize:vertical}.form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px}button{font:inherit;padding:8px 14px;border:0;border-radius:6px;background:var(--accent);color:#fff;cursor:pointer}button:disabled{opacity:.5;cursor:default}button.danger{background:var(--error)}.job-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.job-item{width:100%;display:grid;grid-template-columns:1fr auto;gap:4px 8px;text-align:left;background:transparent;color:inherit;border:1px solid var(--border);padding:8px 10px}.job-item--active{border-color:var(--accent);background:#eff6ff}.job-item__id{grid-column:2;font-size:12px;color:var(--muted)}.badge{font-size:12px;padding:2px 8px;border-radius:999px;background:#eef0f3;color:var(--muted)}.badge--success,.badge--completed{background:#dcfce7;color:var(--success)}.badge--error,.badge--failed{background:#fee2e2;color:var(--error)}.badge--in_progress{background:#dbeafe;color:var(--accent)}.badge--cancelled{background:#f3f4f6;color:var(--muted)}.progress{height:8px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin-bottom:12px}.progress__fill{height:100%;background:var(--accent);transition:width .3s ease}.job-detail__header{display:flex;justify-content:space-between;align-items:flex-start}.url-table{width:100%;border-collapse:collapse;margin-top:16px;font-size:13px}.url-table th,.url-table td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--border)}.url-table__url{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alert{display:flex;justify-content:space-between;gap:12px;background:#fee2e2;color:var(--error);border-radius:6px;padding:10px 14px;margin-bottom:16px}.alert button{background:transparent;color:inherit;padding:0 6px}
