:root{--primary:#1f6f62;--accent:#c2410c;--background:#f7f8f5;--foreground:#17211d;--border:#d9e0dc;--surface:#fff;--ink:#182620;--surface-elevated:color-mix(in srgb, var(--surface) 88%, var(--accent));--muted:color-mix(in srgb, var(--foreground) 62%, white);--surface-muted:color-mix(in srgb, var(--background) 86%, white);--radius:6px;--focus-ring:0 0 0 3px #d8a63f;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;font-family:"system-ui",Inter,Arial,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 6%, white), transparent 28%), linear-gradient(180deg, color-mix(in srgb, var(--background) 78%, white), var(--background) 42%, color-mix(in srgb, var(--primary) 8%, var(--background))), var(--background);color:var(--foreground);margin:0}main{width:min(1120px,100vw - 32px);padding:var(--space-8) 0 72px;margin:0 auto}nav{flex-wrap:wrap;gap:12px;padding:16px 0;display:flex}a,button,.button{border-radius:var(--radius);color:#fff;background:var(--primary);min-height:40px;font:inherit;border:0;justify-content:center;align-items:center;padding:0 14px;text-decoration:none;display:inline-flex}.button-secondary,.secondary{border:1px solid var(--border);color:var(--foreground);background:#fff}.button-ghost{color:var(--foreground);background:0 0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:var(--focus-ring);outline:0}section,form{border-bottom:1px solid var(--border);gap:12px;padding:20px 0;display:grid}h1,h2,h3{letter-spacing:0;font-family:"system-ui",Inter,Arial,sans-serif}h1{margin:0;font-size:42px;line-height:1.05}.app-shell{gap:var(--space-6);grid-template-columns:minmax(180px,232px) minmax(0,1fr);align-items:start;width:min(1240px,100vw - 32px);display:grid}.app-sidebar{top:var(--space-4);gap:var(--space-2);border:1px solid color-mix(in srgb, var(--ink) 76%, var(--primary));border-radius:var(--radius);background:linear-gradient(180deg, color-mix(in srgb, var(--primary) 38%, var(--ink)), var(--ink) 48%), var(--ink);color:#fff;padding:var(--space-3);box-shadow:0 22px 54px color-mix(in srgb, var(--ink) 18%, transparent);display:grid;position:sticky}.app-brand,.app-nav a,.app-topbar a{color:inherit;background:0 0;justify-content:flex-start}.app-brand{gap:var(--space-3);min-height:58px;padding:var(--space-2);grid-template-columns:42px minmax(0,1fr);display:grid}.brand-mark{border-radius:var(--radius);background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--primary) 64%, var(--ink)));color:#fff;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.app-brand span:last-child,.app-nav a,.app-topbar{min-width:0}.app-brand span:last-child{align-content:center;gap:2px;display:grid}.app-brand small,.app-nav small,.app-topbar{color:color-mix(in srgb, currentColor 62%, transparent);font-size:12px}.app-nav{gap:var(--space-1);padding:var(--space-2) 0 0;display:grid}.app-nav a{align-content:center;gap:2px;min-height:52px;display:grid}.app-nav a span,.app-nav a small,.app-brand strong,.app-brand small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-nav a[aria-current=page]{background:color-mix(in srgb, white 92%, var(--accent));color:var(--ink);box-shadow:inset 3px 0 0 var(--accent)}.app-nav a[aria-current=page] small{color:color-mix(in srgb, var(--ink) 70%, var(--primary))}.app-main{gap:var(--space-6);min-width:0;display:grid}.app-topbar{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(90deg, color-mix(in srgb, var(--surface) 90%, var(--accent)), var(--surface)), var(--surface);justify-content:space-between;align-items:center;gap:var(--space-3);min-height:48px;padding:0 var(--space-3);box-shadow:0 10px 28px color-mix(in srgb, var(--foreground) 6%, transparent);display:flex}.app-topbar-signal{gap:2px;min-width:0;display:grid}.app-topbar-signal strong,.app-topbar-signal small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-topbar a{border:1px solid var(--border);min-height:32px}.page-header{gap:var(--space-2);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border);display:grid}.metric-row{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.product-workbench-grid{gap:var(--space-4);margin-bottom:var(--space-4);display:grid}.product-workbench-grid>.metric-row{margin:0}.muted-copy{color:color-mix(in srgb, var(--foreground) 68%, white);margin-top:0}.agent-hero-surface{gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);align-items:stretch;display:grid}.agent-hero-surface>.product-visual,.agent-hero-surface>.panel{min-height:320px}.hero{align-content:center;min-height:52vh}.eyebrow{color:var(--primary);letter-spacing:0;margin:0;font-weight:700}.lead{max-width:760px;font-size:18px;line-height:1.6}.auth-shell{gap:var(--space-6);width:min(1120px,100vw - 32px);display:grid}.auth-grid{gap:var(--space-6);grid-template-columns:minmax(0,.9fr) minmax(320px,.7fr);align-items:stretch;display:grid}.auth-panel{gap:var(--space-4);align-content:start;display:grid}.actions{flex-wrap:wrap;gap:12px;display:flex}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius);min-height:40px;font:inherit;padding:0 12px}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.panel{border:1px solid color-mix(in srgb, var(--border) 82%, var(--primary));border-radius:var(--radius);background:linear-gradient(180deg, var(--surface), color-mix(in srgb, var(--surface) 86%, var(--background))), var(--surface);min-height:120px;box-shadow:0 12px 30px color-mix(in srgb, var(--foreground) 5%, transparent);padding:16px}.panel h2{margin-top:8px}.panel-header,.split-layout{gap:var(--space-4);display:grid}.panel-header{grid-template-columns:minmax(0,1fr) auto;align-items:start}.split-layout{grid-template-columns:minmax(0,1fr) minmax(280px,.72fr)}.field{color:color-mix(in srgb, var(--foreground) 76%, white);gap:6px;font-weight:700;display:grid}.checkbox-field{color:color-mix(in srgb, var(--foreground) 70%, white);grid-template-columns:18px minmax(0,1fr);align-items:start;gap:10px;font-size:.86rem;font-weight:650;display:grid}.checkbox-field input{min-height:18px;margin-top:2px}.state-panel{border-left:4px solid var(--accent);min-height:0}.state-success{border-left-color:#237a57}.state-danger{border-left-color:#aa3434}.record-list,.detail-grid{gap:var(--space-3);display:grid}.record-card{gap:var(--space-2);min-height:96px;padding:var(--space-4);color:var(--foreground);background:var(--surface);border:1px solid var(--border);text-align:left;justify-content:stretch;display:grid}.record-card strong,.record-card span{overflow-wrap:anywhere;min-width:0}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.detail-field{border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3);background:var(--surface-muted);min-height:96px}.skeleton-panel span{border-radius:var(--radius);background:linear-gradient(90deg, var(--surface-muted), white, var(--surface-muted));width:100%;min-height:72px;display:block}.metric,.empty-state,.product-visual{border:1px solid color-mix(in srgb, var(--border) 80%, var(--primary));border-radius:var(--radius);padding:var(--space-4);background:var(--surface)}.metric{gap:var(--space-2);min-height:132px;box-shadow:inset 0 3px 0 var(--accent);align-content:start;display:grid}.product-visual{gap:var(--space-4);background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 18%, var(--surface)), var(--surface) 42%, color-mix(in srgb, var(--accent) 14%, var(--surface))), var(--surface);box-shadow:0 30px 80px color-mix(in srgb, var(--primary) 16%, transparent);display:grid}.agent-workbench{position:relative;overflow:hidden}.agent-workbench:before{content:"";pointer-events:none;background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 14%, transparent), transparent 34%), linear-gradient(180deg, #fff9, transparent);opacity:.7;position:absolute;inset:0}.agent-workbench>*{position:relative}.visual-agent-status{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.visual-agent-status>div{border:1px solid color-mix(in srgb, var(--accent) 18%, var(--border));border-radius:var(--radius);background:color-mix(in srgb, var(--surface) 88%, var(--accent));min-width:0;padding:var(--space-2)}.visual-agent-status span{color:color-mix(in srgb, var(--foreground) 58%, white);text-transform:uppercase;font-size:11px;font-weight:700;display:block}.visual-agent-status strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.visual-focus{gap:var(--space-3);border:1px solid color-mix(in srgb, var(--primary) 22%, var(--border));border-radius:var(--radius);background:linear-gradient(135deg, color-mix(in srgb, var(--surface) 76%, var(--accent)), var(--surface)), var(--surface);padding:var(--space-3);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.visual-focus>div:first-child{gap:4px;min-width:0;display:grid}.visual-focus span,.visual-output span{color:color-mix(in srgb, var(--foreground) 58%, white);text-transform:uppercase;font-size:12px;font-weight:700}.visual-focus strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.visual-focus small{color:color-mix(in srgb, var(--foreground) 62%, white);overflow-wrap:anywhere}.visual-pulse{grid-template-columns:repeat(3,8px);align-items:center;gap:5px;display:inline-grid}.visual-pulse span{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 6px color-mix(in srgb, var(--accent) 12%, transparent);border-radius:999px}.visual-rail{gap:var(--space-2);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.visual-rail span{background:color-mix(in srgb, var(--border) 75%, var(--surface));border-radius:999px;min-height:6px}.visual-rail span:first-child,.visual-rail span[data-state=next],.visual-rail span[data-state=start],.visual-rail span[data-state=ready],.visual-rail span[data-state=done],.visual-rail span[data-state=success]{background:linear-gradient(90deg, var(--primary), var(--accent))}.visual-stage{border:1px solid color-mix(in srgb, var(--primary) 24%, var(--border));border-radius:var(--radius);background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 28%, transparent), transparent), linear-gradient(180deg, color-mix(in srgb, var(--ink) 9%, white), color-mix(in srgb, var(--background) 62%, white));gap:var(--space-2);min-height:132px;padding:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.visual-stage-card{border-radius:calc(var(--radius) - 2px);background:color-mix(in srgb, var(--surface) 90%, var(--primary));border:1px solid color-mix(in srgb, var(--primary) 20%, var(--border));align-content:start;gap:4px;min-width:0;padding:10px;display:grid;box-shadow:inset 0 1px #ffffffb8}.visual-stage-card span,.visual-stage-card small{color:color-mix(in srgb, var(--foreground) 58%, white);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.visual-stage-card strong{color:var(--primary);font-size:13px}.visual-topline{gap:var(--space-1);display:grid}.visual-topline small{color:color-mix(in srgb, var(--foreground) 58%, white);overflow-wrap:anywhere}.visual-topline>span{color:color-mix(in srgb, var(--foreground) 58%, white);text-transform:uppercase;font-size:12px;font-weight:700}.metric strong{font-size:28px;display:block}.workflow-steps,.visual-rows{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.workflow-steps li,.visual-row{gap:var(--space-3);border-top:1px solid color-mix(in srgb, var(--border) 86%, var(--primary));padding-top:var(--space-2);grid-template-columns:minmax(68px,96px) minmax(0,1fr) auto;align-items:center;display:grid}.workflow-steps span,.visual-row span,.metric span{color:color-mix(in srgb, var(--foreground) 64%, white);font-size:13px}.visual-row em{border:1px solid var(--border);color:var(--primary);border-radius:999px;padding:2px 8px;font-style:normal}.visual-output{justify-content:space-between;align-items:center;gap:var(--space-3);border-top:1px solid color-mix(in srgb, var(--border) 86%, var(--primary));padding-top:var(--space-2);display:flex}.visual-row strong,.metric strong,.detail-field p,.panel p{overflow-wrap:anywhere}@media (max-width:760px){main{width:min(100vw - 24px,560px)}.app-shell{grid-template-columns:1fr}.app-sidebar{gap:var(--space-2);padding:10px;position:static}.app-brand{min-height:48px}.brand-mark{width:36px;height:36px}.app-nav{scrollbar-width:none;gap:8px;padding:4px 0 2px;display:flex;overflow-x:auto}.app-nav a{flex:0 0 128px;min-height:46px}.app-topbar{padding:var(--space-3);flex-direction:row;align-items:center}.auth-grid{grid-template-columns:1fr}.visual-agent-status{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-header,.agent-hero-surface,.split-layout,.workflow-steps li,.visual-row{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}