:root{color-scheme:light;--color-brand-primary:#6c4ce3;--color-brand-primary-hover:#5c3dd3;--color-brand-secondary:#2563eb;--color-brand-secondary-hover:#1d4ed8;--color-bg-canvas:#f4f7fd;--color-bg-surface:#ffffff;--color-bg-surface-alt:#f1eeff;--color-border-default:#d8dff0;--color-border-strong:#b7c4e3;--color-text-primary:#111827;--color-text-secondary:#4b5563;--color-text-muted:#7b8496;--color-state-success:#16a34a;--color-state-warning:#d97706;--color-state-danger:#dc2626;--color-state-info:#2563eb;--color-fill-brand-soft:#f1eeff;--color-fill-info-soft:#eaf2ff;--color-fill-success-soft:#ecfdf3;--color-fill-warning-soft:#fff4e5;--color-fill-danger-soft:#fef2f2;--color-fill-neutral-soft:#eef3fb;--shadow-soft:0 12px 32px rgba(37,99,235,0.08);--shadow-panel:0 20px 44px rgba(17,24,39,0.08);--focus-ring:0 0 0 4px rgba(108,76,227,0.18);--radius-panel:24px;--radius-card:20px;--radius-control:14px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(108,76,227,.09),transparent 34%),radial-gradient(circle at top right,rgba(37,99,235,.08),transparent 28%),var(--color-bg-canvas);color:var(--color-text-primary);font-family:Aptos,Segoe UI,Helvetica Neue,Nimbus Sans,sans-serif;line-height:1.55}a{color:var(--color-brand-secondary);text-decoration:none}a:hover{color:var(--color-brand-secondary-hover)}button,input,select,textarea{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--focus-ring)}code{font-family:SFMono-Regular,SF Mono,Consolas,Liberation Mono,monospace;padding:.1rem .35rem;border-radius:8px;background:var(--color-fill-neutral-soft);color:var(--color-text-primary)}main{min-height:100vh}.shell{max-width:1180px;margin:0 auto;padding:28px 24px 72px}.app-shell{display:grid;grid-gap:28px;gap:28px}.app-header{display:grid;grid-template-columns:1fr auto auto;align-items:center;grid-gap:20px;gap:20px}.app-header>*{min-width:0}.app-header-user{display:flex;align-items:center;justify-content:flex-end;gap:10px;position:relative;z-index:1}.app-brand{display:grid;grid-gap:4px;gap:4px;min-width:0}.app-brand a{width:-moz-fit-content;width:fit-content;color:var(--color-text-primary);font-size:1.45rem;font-weight:700;letter-spacing:-.03em}.app-brand-link{display:inline-flex;align-items:center;gap:10px}.app-brand p{margin:0;max-width:48rem;color:var(--color-text-secondary);font-size:.95rem}.app-header-actions{position:relative;z-index:1}.topnav{display:flex;gap:10px;flex-wrap:wrap}.topnav-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border-radius:999px;border:1px solid transparent;background:rgba(255,255,255,.72);color:var(--color-text-secondary);font-size:.95rem;font-weight:600;transition:border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease}.topnav-link:hover{border-color:var(--color-border-default);background:var(--color-bg-surface);color:var(--color-text-primary)}.topnav-link.active{border-color:rgba(108,76,227,.2);background:var(--color-fill-brand-soft);color:var(--color-brand-primary);box-shadow:var(--shadow-soft)}.hero{display:grid;grid-gap:14px;gap:14px}.hero h1,.hero h2{margin:0;line-height:1.05;letter-spacing:-.04em}.hero h1{font-size:clamp(1.4rem,2.5vw,1.9rem)}.hero h2{font-size:clamp(1.5rem,3vw,2.2rem)}.hero>.badge{justify-self:start}.hero p{max-width:760px;margin:0;color:var(--color-text-secondary);font-size:1rem}.stack{display:grid;grid-gap:24px;gap:24px}.stack-sm{display:grid;grid-gap:16px;gap:16px}.stack-xs{display:grid;grid-gap:12px;gap:12px}.grid{display:grid;grid-gap:16px;gap:16px}.panel{background:rgba(255,255,255,.94);border:1px solid var(--color-border-default);border-radius:var(--radius-panel);padding:28px;box-shadow:var(--shadow-panel)}.panel-alt{background:var(--color-bg-surface-alt)}.panel-notice{display:grid;grid-gap:10px;gap:10px;border-width:1px}.notice-neutral{border-color:var(--color-border-default);background:var(--color-bg-surface)}.notice-info{border-color:rgba(37,99,235,.18);background:var(--color-fill-info-soft)}.notice-review{border-color:rgba(217,119,6,.2);background:var(--color-fill-warning-soft)}.notice-approved{border-color:rgba(108,76,227,.2);background:var(--color-fill-brand-soft)}.notice-success{border-color:rgba(22,163,74,.22);background:var(--color-fill-success-soft)}.notice-danger{border-color:rgba(220,38,38,.2);background:var(--color-fill-danger-soft)}.approved-item,.count-card,.history-block,.history-list-item,.history-nested-card,.run-empty-state,.surface-card{border:1px solid var(--color-border-default);border-radius:var(--radius-card);background:var(--color-bg-surface);box-shadow:var(--shadow-soft)}.approved-item,.count-card,.history-block,.history-nested-card,.run-empty-state,.surface-card{padding:18px}.count-card,.surface-card{display:flex;flex-direction:column;gap:4px}.count-card>strong,.surface-card>strong{font-size:1.5rem;line-height:1}.surface-neutral{background:var(--color-bg-surface)}.surface-info{background:var(--color-fill-info-soft);border-color:rgba(37,99,235,.18)}.surface-review{background:var(--color-fill-warning-soft);border-color:rgba(217,119,6,.18)}.surface-approved{background:var(--color-fill-brand-soft);border-color:rgba(108,76,227,.18)}.surface-success{background:var(--color-fill-success-soft);border-color:rgba(22,163,74,.2)}.surface-danger{background:var(--color-fill-danger-soft);border-color:rgba(220,38,38,.18)}.button{display:inline-flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;min-height:44px;padding:11px 18px;border:1px solid transparent;border-radius:999px;background:var(--color-brand-primary);color:#ffffff;font-size:.95rem;font-weight:700;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.button:hover{background:var(--color-brand-primary-hover);color:#ffffff}.button:disabled{cursor:not-allowed;opacity:.6;transform:none}.button.secondary{border-color:rgba(37,99,235,.18);background:rgba(255,255,255,.9);color:var(--color-brand-secondary)}.button.secondary:hover{border-color:rgba(37,99,235,.3);background:var(--color-fill-info-soft);color:var(--color-brand-secondary-hover)}.button.subtle{border-color:var(--color-border-default);background:var(--color-bg-surface-alt);color:var(--color-text-secondary)}.button.subtle:hover{background:#ebe7ff;color:var(--color-text-primary)}.button.destructive{background:var(--color-state-danger)}.button.destructive:hover{background:#c81f1f}.button-link{display:inline-flex;align-items:center;gap:6px;color:var(--color-brand-secondary);font-weight:600}.button-link:hover{color:var(--color-brand-secondary-hover)}.badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:5px 11px;border-radius:999px;border:1px solid rgba(108,76,227,.14);background:var(--color-fill-brand-soft);color:var(--color-brand-primary);font-size:.82rem;font-weight:700;line-height:1}.badge-neutral{border-color:rgba(123,132,150,.14);background:var(--color-fill-neutral-soft);color:var(--color-text-secondary)}.badge-info{border-color:rgba(37,99,235,.16);background:var(--color-fill-info-soft);color:var(--color-state-info)}.badge-review{border-color:rgba(217,119,6,.16);background:var(--color-fill-warning-soft);color:var(--color-state-warning)}.badge-approved{border-color:rgba(108,76,227,.18);background:var(--color-fill-brand-soft);color:var(--color-brand-primary)}.badge-success{border-color:rgba(22,163,74,.18);background:var(--color-fill-success-soft);color:var(--color-state-success)}.badge-danger,.badge-error,.badge-rejected{border-color:rgba(220,38,38,.18);background:var(--color-fill-danger-soft);color:var(--color-state-danger)}.muted{color:var(--color-text-muted)}.secondary-text{color:var(--color-text-secondary)}.error{color:var(--color-state-danger)}.field{display:grid;grid-gap:8px;gap:8px}.field label,.field span{font-weight:600;color:var(--color-text-secondary)}.field input,.field select,.field textarea{width:100%;padding:12px 14px;border:1px solid var(--color-border-default);border-radius:var(--radius-control);background:rgba(255,255,255,.96);color:var(--color-text-primary)}.field input:disabled,.field select:disabled,.field textarea:disabled{background:#f9fbff;color:var(--color-text-muted)}.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(108,76,227,.42)}.action-item-header,.history-list-item,.inline-actions,.page-actions,.panel-header,.run-section-header{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:flex-start}.action-item-source{max-width:360px;text-align:right}.action-item-form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.action-item-actions{display:flex;gap:12px;flex-wrap:wrap}.confidence-badge{text-transform:capitalize}.run-metadata-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.run-count-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.count-card{display:grid;grid-gap:8px;gap:8px}.count-card strong{font-size:1.75rem;line-height:1;letter-spacing:-.04em}.timeline{display:grid;grid-gap:18px;gap:18px}.timeline-item{display:grid;grid-template-columns:18px 1fr;grid-gap:16px;gap:16px;align-items:start}.timeline-dot{width:14px;height:14px;border-radius:999px;margin-top:12px;background:var(--color-border-strong);border:2px solid rgba(255,255,255,.9);box-shadow:0 0 0 3px rgba(216,223,240,.65)}.timeline-dot.info{background:var(--color-state-info);box-shadow:0 0 0 3px rgba(37,99,235,.12)}.timeline-dot.review{background:var(--color-state-warning);box-shadow:0 0 0 3px rgba(217,119,6,.12)}.timeline-dot.approved{background:var(--color-brand-primary);box-shadow:0 0 0 3px rgba(108,76,227,.12)}.timeline-dot.success{background:var(--color-state-success);box-shadow:0 0 0 3px rgba(22,163,74,.12)}.timeline-dot.danger{background:var(--color-state-danger);box-shadow:0 0 0 3px rgba(220,38,38,.12)}.history-block,.history-nested-card,.timeline-card{display:grid;grid-gap:14px;gap:14px}.run-empty-state{display:grid;grid-gap:8px;gap:8px}.content-box{padding:18px;border-radius:var(--radius-card);border:1px solid var(--color-border-default);background:var(--color-bg-surface);white-space:pre-wrap;line-height:1.7}.content-box.alt{background:var(--color-bg-surface-alt)}.list-block{display:grid;grid-gap:12px;gap:12px}.list-block ul{margin:0;padding-left:20px;line-height:1.7}.dropzone{border:2px dashed var(--color-border-default);background:rgba(255,255,255,.94);border-radius:var(--radius-panel);padding:30px;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease,transform .16s ease;box-shadow:var(--shadow-panel)}.dropzone.is-dragging{border-color:rgba(108,76,227,.4);background:var(--color-fill-brand-soft)}.progress-track{width:100%;height:10px;border-radius:999px;overflow:hidden;background:rgba(37,99,235,.14)}.progress-fill{height:100%;background:var(--color-brand-secondary);transition:width .12s ease}.stage-nav{display:flex;gap:10px;flex-wrap:wrap}.stage-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 14px;border-radius:999px;border:1px solid var(--color-border-default);background:rgba(255,255,255,.92);color:var(--color-text-secondary);font-size:.92rem;font-weight:600}.stage-link:hover{background:var(--color-fill-info-soft);border-color:rgba(37,99,235,.2);color:var(--color-brand-secondary)}.stage-link.active{background:var(--color-fill-brand-soft);border-color:rgba(108,76,227,.2);color:var(--color-brand-primary)}.mono{font-family:SFMono-Regular,SF Mono,Consolas,Liberation Mono,monospace;font-size:.92rem}@media (max-width:860px){.shell{padding:22px 18px 56px}.dropzone,.panel{padding:22px}.action-item-source{max-width:none;text-align:left}}@media (max-width:640px){.app-header{grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:start}.app-brand{grid-column:1;grid-row:1}.app-header-user{grid-column:2;grid-row:1;align-self:center}.app-header-actions{grid-column:1/-1;grid-row:2}.action-item-actions,.inline-actions,.page-actions,.stage-nav,.topnav{width:100%}.stage-link,.topnav-link{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 10px)}.history-list-item,.run-section-header{align-items:flex-start}}.workflow-steps{display:grid;grid-gap:16px;gap:16px}.workflow-step{display:grid;grid-template-columns:36px 1fr;grid-gap:14px;gap:14px;align-items:start}.workflow-step-number{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-brand-primary);color:#fff;font-weight:700;font-size:.9rem;flex-shrink:0}.onboarding-steps{margin:0;padding-left:1.5rem;display:grid;grid-gap:10px;gap:10px;color:var(--color-text-secondary);font-size:.95rem;line-height:1.55}.onboarding-steps li strong{color:var(--color-text-primary)}.feedback-link{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;border:1px solid var(--color-border-default);background:rgba(255,255,255,.72);color:var(--color-text-secondary);font-size:.9rem;font-weight:500;text-decoration:none;white-space:nowrap;transition:border-color .16s ease,background-color .16s ease,color .16s ease}.feedback-link:hover{border-color:var(--color-border-strong);background:var(--color-bg-surface);color:var(--color-text-primary)}.guest-banner{background:#fef3c7;border-bottom:1px solid #f59e0b;color:#92400e;font-size:.875rem;font-weight:500;padding:8px 20px;text-align:center;width:100%}.guest-banner-link{color:#92400e;font-weight:600;text-decoration:underline}.guest-banner-link:hover{color:#78350f}.guest-signin-section{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:16px}.guest-signin-divider{display:flex;align-items:center;gap:12px;color:var(--color-text-muted);font-size:.85rem;width:100%;max-width:320px}.guest-signin-divider:after,.guest-signin-divider:before{content:"";flex:1 1;height:1px;background:var(--color-border-default)}.guest-signin-button{width:100%;max-width:320px}.guest-signin-hint{margin:0;font-size:.8rem;text-align:center}.guest-signin-error{color:var(--color-state-danger);font-size:.875rem;margin:0}.notice-card{border:1px solid var(--color-border-default);border-radius:8px;background:var(--color-bg-surface-alt);padding:20px 24px;display:flex;flex-direction:column;gap:6px}