:root{color:#171717;font-synthesis:none;text-rendering:optimizelegibility;--background:#fff;--foreground:#171717;--primary:#064e3b;--primary-foreground:#fafafa;--accent:#ecfdf5;--muted:#f5f5f5;--muted-foreground:#737373;--border:#e5e5e5;--ring:#40947a;--radius:10px;background:#fafafa;font-family:Manrope,Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{border:0}.app-shell{min-height:100vh}.topbar{z-index:10;height:68px;color:var(--foreground);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;align-items:center;gap:12px;padding:0 max(24px,50vw - 720px);display:flex;position:relative}.brand-mark{width:36px;height:36px;color:var(--primary-foreground);background:var(--primary);border-radius:10px;flex:none;place-items:center;display:grid}.brand-mark svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:20px}.brand-copy{flex-direction:column;display:flex}.brand-copy strong{letter-spacing:-.015em;font-size:15px;font-weight:750}.brand-copy span{color:var(--muted-foreground);font-size:11px}.settings-summary{gap:7px;margin-left:auto;display:flex}.settings-summary span{color:#525252;border:1px solid var(--border);background:#fafafa;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:600}main{width:min(1440px,100% - 48px);margin:0 auto;padding:28px 0 64px}.hero{background:var(--background);border:1px solid var(--border);border-radius:16px;min-height:260px;margin-bottom:18px;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:linear-gradient(90deg,#fffffffa 0%,#ffffffde 55%,#ffffff80 100%);position:absolute;inset:0}.hero-grid{color:var(--foreground);position:absolute;inset:0}.workshop-grid{pointer-events:none;overflow:hidden}.workshop-grid canvas{width:100%;height:100%;position:absolute;inset:0}.hero-content{z-index:1;justify-content:space-between;align-items:flex-end;gap:60px;min-height:260px;padding:38px 40px;display:flex;position:relative}.eyebrow{color:#047857;letter-spacing:.12em;text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:800}h1,h2{color:var(--foreground);margin:0}h1{letter-spacing:-.045em;max-width:680px;font-size:clamp(34px,4vw,50px);line-height:1.05}h2{letter-spacing:-.02em;font-size:17px}.hero-copy{color:#666;max-width:700px;margin:14px 0 0;font-size:14px;line-height:1.6}.period-control{border:1px solid var(--border);background:#ffffffe6;border-radius:12px;flex:none;grid-template-columns:minmax(0,1fr);gap:9px;width:365px;padding:18px;display:grid;box-shadow:0 12px 36px #0000000f}.period-control label{color:#525252;font-size:11px;font-weight:700}.period-control select{min-width:0}.period-control .status{white-space:normal;justify-self:start;max-width:100%;line-height:1.35}.control-input,.control-select,.control-textarea{width:100%;min-width:0;height:36px;color:var(--foreground);background:var(--background);border:1px solid var(--border);border-radius:8px;outline:none;padding:6px 10px;transition:border-color .15s,box-shadow .15s}.control-textarea{resize:vertical;min-height:82px}.control-select{cursor:pointer}.control-input::placeholder{color:#a3a3a3}.control-input:hover,.control-select:hover,.control-textarea:hover{border-color:#bdbdbd}.control-input:focus-visible,.control-select:focus-visible,.control-textarea:focus-visible{border-color:var(--ring);box-shadow:0 0 0 3px #40947a38}.control-button{white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;height:34px;padding:0 12px;font-size:12px;font-weight:700;transition:background .15s,border-color .15s,transform .1s;display:inline-flex}.control-button-default{color:var(--primary-foreground);background:var(--primary)}.control-button-default:hover{background:#065f46}.control-button-outline{color:var(--foreground);background:var(--background);border-color:var(--border)}.control-button-outline:hover:not(:disabled){background:var(--muted)}.control-button:active:not(:disabled){transform:translateY(1px)}.control-button:focus-visible{border-color:var(--ring);outline:none;box-shadow:0 0 0 3px #40947a38}.control-button:disabled{opacity:.45;cursor:not-allowed}.status{white-space:nowrap;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:750}.status-open{color:#065f46;background:#d1fae5}.status-posted{color:#525252;background:#ededed}.metrics{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px;display:grid}.metrics article,.panel{background:var(--background);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #00000006}.metrics article{flex-direction:column;min-height:120px;padding:19px 20px;display:flex}.metrics span{color:var(--muted-foreground);font-size:11px;font-weight:650}.metrics strong{color:var(--foreground);letter-spacing:-.035em;margin:7px 0 2px;font-size:27px}.metrics small{color:#a3a3a3;margin-top:auto;font-size:11px}.filter-panel{margin-bottom:12px;padding:18px}.filter-heading{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.filter-actions,.table-actions{align-items:center;gap:8px;display:flex}.toolbar{grid-template-columns:1.4fr repeat(4,1fr);gap:12px;display:grid}.toolbar label{flex-direction:column;gap:6px;display:flex}.toolbar label>span{color:#525252;font-size:10px;font-weight:750}.panel{margin-bottom:12px}.chart-panel,.table-panel{padding:20px}.panel-heading{justify-content:space-between;align-items:flex-end;margin-bottom:18px;display:flex}.muted{color:#a3a3a3;font-size:11px}.bars{gap:10px;display:grid}.bar-row{grid-template-columns:185px 1fr 110px;align-items:center;gap:14px;display:grid}.bar-label{justify-content:space-between;gap:8px;min-width:0;display:flex}.bar-label strong{color:#404040;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.bar-label span{color:#a3a3a3;white-space:nowrap;font-size:10px}.bar-track{background:#f0f0f0;border-radius:999px;height:8px;overflow:hidden}.bar-track span{border-radius:inherit;background:linear-gradient(90deg,#064e3b,#34d399);height:100%;display:block}.bar-value{color:#404040;text-align:right;font-size:11px}.donut-layout{grid-template-columns:minmax(280px,.8fr) minmax(320px,1.2fr);align-items:center;gap:42px;min-height:300px;display:grid}.donut-shell{justify-self:center;width:280px;height:280px;position:relative}.donut-chart{width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.donut-background,.donut-segment{fill:none;stroke-width:30px}.donut-background{stroke:#f0f0f0}.donut-segment{transition:opacity .15s}.donut-chart:hover .donut-segment{opacity:.72}.donut-chart .donut-segment:hover{opacity:1}.donut-total{text-align:center;pointer-events:none;place-content:center;display:grid;position:absolute;inset:0}.donut-total strong{max-width:135px;color:var(--foreground);letter-spacing:-.035em;text-overflow:ellipsis;font-size:20px;overflow:hidden}.donut-total span{color:var(--muted-foreground);font-size:10px}.donut-legend{gap:3px;display:grid}.legend-row{border-radius:7px;grid-template-columns:10px minmax(100px,1fr) 55px 90px;align-items:center;gap:10px;min-width:0;padding:8px 9px;font-size:11px;display:grid}.legend-row:hover{background:#fafafa}.legend-row strong{color:#404040;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.legend-row>span:not(.legend-swatch){color:var(--muted-foreground);text-align:right}.legend-swatch{border-radius:3px;width:9px;height:9px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%}th{color:#737373;border-bottom:1px solid var(--border);letter-spacing:.04em;text-align:left;text-transform:uppercase;background:#fafafa;padding:10px 11px;font-size:10px}td{color:#525252;border-bottom:1px solid #f1f1f1;padding:12px 11px;font-size:11px}tbody tr:hover{background:#fafdfb}td strong{color:#262626}.cell-secondary{color:#a3a3a3;text-overflow:ellipsis;white-space:nowrap;max-width:190px;margin-top:3px;font-size:9px;display:block;overflow:hidden}.numeric{text-align:right;white-space:nowrap}.amount{color:#047857;font-weight:750}.type-pill{color:#3f3f46;white-space:nowrap;background:#f4f4f5;border:1px solid #e4e4e7;border-radius:6px;padding:4px 7px}.date-arrow{color:#a3a3a3}.loading,.fatal{text-align:center;place-content:center;min-width:auto;min-height:100vh;display:grid}.loader{border:3px solid #e5e5e5;border-top-color:var(--primary);border-radius:50%;width:30px;height:30px;margin:0 auto;animation:.8s linear infinite spin}.loading p{color:var(--muted-foreground)}.error-banner{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:12px;padding:11px 14px;font-size:12px}.workflow-preview{border-radius:10px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;padding:12px 14px;display:flex}.workflow-preview div{flex-direction:column;gap:2px;min-width:0;display:flex}.workflow-preview strong{font-size:12px}.workflow-preview span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.workflow-preview button{cursor:pointer;background:0 0;padding:4px 7px;font-size:20px}.state-change-preview{color:#1e3a5f;background:#eff6ff;border:1px solid #bfdbfe}.state-change-preview button{color:#2563eb}.correction-preview{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.correction-preview button{color:#047857}.dialog-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a0a0a61;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.workflow-dialog{border:1px solid var(--border);background:#fff;border-radius:16px;width:min(620px,100%);max-height:calc(100vh - 40px);padding:24px;overflow-y:auto;box-shadow:0 24px 80px #0003}.dialog-heading{justify-content:space-between;align-items:flex-start;display:flex}.dialog-close{color:#737373;cursor:pointer;background:0 0;border-radius:8px;width:34px;height:34px;font-size:24px}.dialog-close:hover{color:var(--foreground);background:var(--muted)}.prototype-note{color:#525252;border:1px solid var(--border);background:#fafafa;border-radius:8px;margin:16px 0;padding:10px 12px;font-size:11px;line-height:1.5}.workflow-form{grid-template-columns:1fr 1fr;gap:14px;display:grid}.workflow-form label{flex-direction:column;gap:6px;display:flex}.workflow-form label>span{color:#404040;font-size:11px;font-weight:700}.workflow-form label>small{color:#737373;font-size:9px;line-height:1.4}.field-wide{grid-column:1/-1}.dialog-audit-note{color:#525252;background:var(--accent);border-left:3px solid #10b981;border-radius:6px;padding:11px 12px;font-size:10px;line-height:1.5}.dialog-state-note{color:#334155;background:#eff6ff;border-left:3px solid #3b82f6;border-radius:6px;padding:11px 12px;font-size:10px;line-height:1.5}.dialog-actions{justify-content:flex-end;gap:8px;padding-top:4px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1000px){main{width:min(100% - 32px,760px)}.hero-content{flex-direction:column;justify-content:flex-end;align-items:stretch;gap:24px;min-height:400px}.period-control{width:100%}.metrics,.toolbar{grid-template-columns:repeat(2,1fr)}.donut-layout{grid-template-columns:1fr;gap:20px}.settings-summary span:first-child{display:none}}@media (width<=620px){.topbar{padding:0 16px}.brand-copy span,.settings-summary{display:none}main{width:calc(100% - 24px);padding-top:12px}.hero-content{min-height:440px;padding:28px 22px}h1{font-size:35px}.metrics,.toolbar{grid-template-columns:1fr}.bar-row{grid-template-columns:1fr 70px}.bar-track{grid-area:2/1/auto/-1}.filter-heading{align-items:flex-end}.filter-actions{flex-direction:column-reverse;align-items:stretch}.workflow-form{grid-template-columns:1fr}.field-wide{grid-column:auto}.donut-shell{width:230px;height:230px}.legend-row{grid-template-columns:10px minmax(80px,1fr) 48px 78px;gap:7px}}