:root{--color-text:#0f172a;--color-text-muted:#64748b;--color-background:#f4f6f9;--color-surface:#fff;--color-border:#dde3ea;--color-border-strong:#c3ccd7;--color-accent:#4a2984;--color-accent-hover:#3b216a;--color-accent-soft:#efeaf7;--color-danger:#b91c1c;--color-danger-hover:#991b1b;--color-focus:#6a3fb5;--color-header:#4a2984;--color-header-text:#fff;--color-status-succeeded-text:#166534;--color-status-succeeded-background:#dcfce7;--color-status-noop-text:#475569;--color-status-noop-background:#e2e8f0;--color-status-active-text:#1e40af;--color-status-active-background:#dbeafe;--color-status-failed-text:#92400e;--color-status-failed-background:#fef3c7;--color-status-dead-text:#991b1b;--color-status-dead-background:#fee2e2;--color-banner-error-background:#fef2f2;--color-banner-error-border:#fca5a5;--color-banner-success-background:#f0fdf4;--color-banner-success-border:#86efac;--color-banner-info-background:#eff6ff;--color-banner-info-border:#93c5fd;--radius:6px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;font-family:var(--font-body);color:var(--color-text);background:var(--color-background);font-size:14px;line-height:1.45}*{box-sizing:border-box}body{background:var(--color-background);margin:0}a{color:var(--color-accent)}h1{margin:0;font-size:1.35rem}h2{margin:0 0 var(--space-3);font-size:1rem}code,.mono{font-family:var(--font-mono);font-size:.92em}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.app-header{align-items:center;gap:var(--space-4);padding:0 var(--space-4);background:var(--color-header);min-height:52px;color:var(--color-header-text);flex-wrap:wrap;display:flex}.app-header__brand{align-items:center;gap:var(--space-3);display:flex}.app-header__logo{padding:3px var(--space-2);border-radius:var(--radius);background:#fff;display:inline-flex}.app-header__logo img{width:auto;height:29px;display:block}.app-header__title{white-space:nowrap;font-weight:600}.app-header :focus-visible{outline-color:#fff}.app-nav{gap:var(--space-1);flex:1;display:flex;overflow-x:auto}.app-nav a{color:var(--color-header-text);padding:var(--space-2) var(--space-3);border-radius:var(--radius);white-space:nowrap;text-decoration:none}.app-nav a:hover{background:#ffffff14}.app-nav a.active{background:#ffffff29;font-weight:600}.app-header__user{align-items:center;gap:var(--space-3);font-size:.9rem;display:flex}.app-header__user .button{color:var(--color-header-text);background:0 0;border-color:#ffffff4d}.app-main{max-width:1400px;padding:var(--space-5) var(--space-4);margin:0 auto}.page-heading{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.toolbar{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.muted{color:var(--color-text-muted)}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4);margin-bottom:var(--space-4)}.grid-2{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.button{appearance:none;align-items:center;gap:var(--space-1);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);border-radius:var(--radius);font:inherit;cursor:pointer;white-space:nowrap;padding:6px 12px;display:inline-flex}.button:hover:not(:disabled){border-color:var(--color-accent)}.button:disabled{opacity:.55;cursor:not-allowed}.button--primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.button--primary:hover:not(:disabled){background:var(--color-accent-hover)}.button--danger{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.button--danger:hover:not(:disabled){background:var(--color-danger-hover)}.button--small{padding:2px 8px;font-size:.85rem}.segmented{display:inline-flex}.segmented .button{border-radius:0}.segmented .button:first-child{border-radius:var(--radius) 0 0 var(--radius)}.segmented .button:last-child{border-radius:0 var(--radius) var(--radius) 0}.segmented .button[aria-pressed=true]{background:var(--color-accent-soft);border-color:var(--color-accent);font-weight:600}.field{gap:var(--space-1);color:var(--color-text-muted);flex-direction:column;font-size:.85rem;display:flex}.field input,.field select{font:inherit;color:var(--color-text);border:1px solid var(--color-border-strong);border-radius:var(--radius);background:var(--color-surface);min-width:160px;padding:6px 8px;font-size:14px}.filters{gap:var(--space-3);flex-wrap:wrap;align-items:flex-end;display:flex}.table-scroll{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:.92rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--color-border);white-space:nowrap;vertical-align:top;padding:7px 10px}.table th{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.02em;background:#f8fafc;font-size:.8rem;font-weight:600}.table tr:last-child td{border-bottom:none}.table tbody tr:hover{background:#f8fafc}.table td.wrap{white-space:normal;word-break:break-word;min-width:240px;max-width:480px}.table td.text-column{white-space:normal;min-width:150px}@media (width<=1099px){.table .column-optional{display:none}}.table .numeric{text-align:right;font-variant-numeric:tabular-nums}.pager{justify-content:flex-end;align-items:center;gap:var(--space-3);margin-top:var(--space-3);display:flex}.status-pill{white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:.8rem;font-weight:600;display:inline-block}.status-pill--succeeded{color:var(--color-status-succeeded-text);background:var(--color-status-succeeded-background)}.status-pill--noop{color:var(--color-status-noop-text);background:var(--color-status-noop-background)}.status-pill--queued,.status-pill--processing,.status-pill--running{color:var(--color-status-active-text);background:var(--color-status-active-background)}.status-pill--failed,.status-pill--paused,.status-pill--changing{color:var(--color-status-failed-text);background:var(--color-status-failed-background)}.status-pill--dead{color:var(--color-status-dead-text);background:var(--color-status-dead-background)}.banner{border-radius:var(--radius);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3);border:1px solid}.banner--error{background:var(--color-banner-error-background);border-color:var(--color-banner-error-border)}.banner--success{background:var(--color-banner-success-background);border-color:var(--color-banner-success-border)}.banner--info{background:var(--color-banner-info-background);border-color:var(--color-banner-info-border)}.state{padding:var(--space-5);text-align:center;color:var(--color-text-muted)}.spinner{border:2px solid var(--color-border-strong);border-top-color:var(--color-accent);vertical-align:-2px;width:14px;height:14px;margin-right:var(--space-2);border-radius:50%;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.stat-grid{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.stat-tile{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3);border-left-width:4px}.stat-tile__label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.02em;font-size:.8rem}.stat-tile__value{font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:600}.stat-tile--succeeded{border-left-color:var(--color-status-succeeded-text)}.stat-tile--noop{border-left-color:var(--color-status-noop-text)}.stat-tile--failed{border-left-color:var(--color-status-failed-text)}.stat-tile--dead{border-left-color:var(--color-status-dead-text)}.stat-tile--neutral{border-left-color:var(--color-accent)}.bar{background:var(--color-accent-soft);border-radius:4px;min-width:80px;height:8px}.bar__fill{background:var(--color-accent);border-radius:4px;height:100%}.fields{gap:var(--space-2) var(--space-4);grid-template-columns:max-content 1fr;margin:0;display:grid}.fields dt{color:var(--color-text-muted)}.fields dd{word-break:break-word;margin:0}.timeline{margin:0;padding:0;list-style:none}.timeline__attempt{margin-bottom:var(--space-4)}.timeline__attempt h3{margin:0 0 var(--space-2);font-size:.9rem}.timeline__step{gap:var(--space-3);padding:6px var(--space-2);border-left:3px solid var(--color-border);margin-left:var(--space-2);grid-template-columns:90px 110px 1fr;display:grid}.timeline__step--warning{border-left-color:var(--color-status-failed-text)}.timeline__step--error{border-left-color:var(--color-status-dead-text)}.timeline__step--zohoRequest{border-left-color:var(--color-accent)}.timeline__body{min-width:0}.response-body{margin:var(--space-2) 0 0;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius);max-height:320px;font-family:var(--font-mono);white-space:pre-wrap;word-break:break-all;background:#f8fafc;font-size:.82rem;overflow:auto}.http-status--ok{color:var(--color-status-succeeded-text)}.http-status--error{color:var(--color-status-dead-text)}.dialog-backdrop{padding:var(--space-4);z-index:10;background:#0f172a73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:var(--color-surface);border-radius:var(--radius);padding:var(--space-5);width:100%;max-width:460px;box-shadow:0 20px 40px #0f172a40}.dialog h2{font-size:1.1rem}.dialog__actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4);display:flex}@media (width<=640px){.app-main{padding:var(--space-4) var(--space-3)}.app-header{padding:var(--space-2) var(--space-3)}.app-nav{flex-wrap:wrap;flex-basis:100%;order:3;overflow-x:visible}.app-nav a{padding:var(--space-1) var(--space-2)}.timeline__step{gap:var(--space-1);grid-template-columns:1fr}.fields{gap:0 var(--space-2);grid-template-columns:1fr}.fields dd{margin-bottom:var(--space-2)}}
