:root{color-scheme:light;--bg: oklch(.965 .008 230);--surface: oklch(.995 .002 230);--surface-muted: oklch(.94 .01 230);--sidebar: oklch(.23 .025 235);--sidebar-ink: oklch(.94 .01 230);--ink: oklch(.22 .018 235);--muted: oklch(.45 .018 235);--line: oklch(.88 .012 230);--accent: oklch(.55 .13 165);--accent-ink: oklch(.99 .004 165);--success: oklch(.58 .12 155);--warning: oklch(.69 .13 75);--danger: oklch(.56 .16 28);--shadow: 0 8px 16px oklch(.2 .02 235 / .08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{min-height:100vh;display:grid;grid-template-columns:264px minmax(0,1fr)}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,oklch(.99 .004 230),var(--bg))}.login-panel{width:min(420px,100%);background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:26px}.login-brand{display:flex;align-items:center;gap:14px;margin-bottom:24px}.login-brand span{color:var(--muted);font-size:.86rem}.login-brand h1{margin:2px 0 0;font-size:1.35rem;line-height:1.25}.login-form{display:grid;gap:14px}.login-form label{display:grid;gap:7px;color:var(--muted);font-size:.92rem}.login-form input{border:1px solid var(--line);border-radius:8px;min-height:42px;background:var(--surface);color:var(--ink);padding:0 12px}.login-form input:focus,.session-panel input:focus,.panel input:focus,.panel select:focus,.panel textarea:focus,.compact-input:focus{border-color:var(--accent);outline:3px solid oklch(.88 .065 165 / .55)}.form-error{min-height:36px;display:flex;align-items:center;border:1px solid oklch(.78 .11 28);border-radius:8px;background:#ffece8;background:oklch(.96 .035 28);color:#75201a;padding:0 12px;font-size:.9rem}.login-submit{width:100%;justify-content:center;margin-top:2px}.spin-icon{animation:spin .9s linear infinite}.sidebar{background:var(--sidebar);color:var(--sidebar-ink);display:flex;flex-direction:column;padding:22px 16px;gap:24px}.brand-block{display:flex;align-items:center;gap:12px;padding:4px 6px 14px;border-bottom:1px solid oklch(1 0 0 / .12)}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:var(--accent);color:var(--accent-ink)}.brand-title{font-weight:750}.brand-subtitle,.role-label{color:#afb9c0;font-size:.82rem}.side-nav{display:grid;gap:6px}.nav-item{width:100%;min-height:42px;border:0;border-radius:8px;background:transparent;color:var(--sidebar-ink);display:flex;align-items:center;gap:10px;padding:0 12px;text-align:left;transition:background-color .16s ease,color .16s ease}.nav-item:hover,.nav-item.active{background:#ffffff1a}.role-panel{margin-top:auto;display:grid;gap:8px}.signed-in-user{display:grid;gap:2px;border:1px solid oklch(1 0 0 / .14);border-radius:8px;padding:10px 11px;background:#ffffff0f}.signed-in-user strong{font-size:.95rem}.signed-in-user span{color:#afb9c0;font-size:.82rem}.logout-button,.ghost-button{min-height:36px;border:1px solid var(--line);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--surface);color:var(--ink);padding:0 12px}.logout-button{width:100%;border-color:#ffffff29;background:#ffffff14;color:var(--sidebar-ink)}.role-panel select,.session-panel input,.panel input,.panel select,.panel textarea,.compact-input{border:1px solid var(--line);border-radius:8px;min-height:38px;background:var(--surface);color:var(--ink);padding:0 11px}.role-panel select{background:#ffffff14;color:var(--sidebar-ink);border-color:#ffffff2e}.workspace{min-width:0;display:grid;grid-template-rows:auto 1fr;overflow-x:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 28px;border-bottom:1px solid var(--line);background:#f9fcfe}.topbar h1,.panel h2,.panel h3{margin:0;line-height:1.2;text-wrap:balance}.topbar h1{font-size:1.45rem}.topbar-kicker{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.86rem;margin-bottom:5px}.session-panel{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.session-summary{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;color:var(--muted)}.session-panel input{width:min(220px,40vw)}.content-surface{padding:28px;min-width:0;max-width:100%;overflow-x:hidden}.stack{display:grid;gap:18px;min-width:0;max-width:100%}.panel{min-width:0;max-width:100%;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:18px;box-shadow:var(--shadow)}.panel>p,.toolbar-row p{margin:6px 0 0;color:var(--muted)}.panel-heading,.toolbar-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.chip{display:inline-flex;align-items:center;min-height:26px;border-radius:999px;padding:0 10px;background:var(--surface-muted);color:var(--muted);font-size:.82rem;white-space:nowrap}.chip.success{background:#d5f5de;color:#004122;color:oklch(.33 .09 155)}.chip.warning{background:#ffe7c8;background:oklch(.94 .055 75);color:#523709}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.metric-tile{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:16px}.metric-tile span{display:block;color:var(--muted);margin-bottom:10px}.metric-tile strong{font-size:1.8rem;letter-spacing:0}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.summary-metric{min-height:74px;border:1px solid var(--line);border-radius:8px;display:grid;align-content:center;gap:6px;background:var(--surface);padding:12px 14px}.summary-metric span{color:var(--muted);font-size:.88rem}.summary-metric strong{font-size:1.25rem;letter-spacing:0}.split-grid,.two-pane{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:18px}.progress-list,.activity-list,.row-list,.table-list,.form-grid,.mapping-grid{display:grid;gap:10px}.progress-row>div:first-child{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}.progress-track{height:8px;border-radius:999px;background:var(--surface-muted);overflow:hidden}.progress-track span{display:block;height:100%;background:var(--accent)}.activity-list span,.empty-state{min-height:40px;display:flex;align-items:center;border:1px dashed var(--line);border-radius:8px;padding:0 12px;color:var(--muted)}.inline-feedback{min-height:38px;display:flex;align-items:center;margin:12px 0 0;border:1px solid var(--line);border-radius:8px;background:var(--surface-muted);color:var(--ink);padding:0 12px}.tab-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.tab-button{min-height:34px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);padding:0 12px}.tab-button.active{border-color:var(--accent);background:#e7fbf1;color:#003221;color:oklch(.28 .08 165)}.review-reason{width:100%;margin-bottom:12px}.request-row{align-items:flex-start}.data-row,.table-row{border:1px solid var(--line);border-radius:8px;background:var(--surface);display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;text-align:left}.data-row{width:100%}.data-row.selected{border-color:var(--accent);background:#e7fbf1}.data-row span,.table-row span{display:block;color:var(--muted);margin-top:3px}.table-row time{color:var(--muted);font-size:.86rem;white-space:nowrap}.form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.scope-filter-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:-4px 0 12px}.scope-filter-field{display:grid;gap:6px}.scope-filter-field span{color:var(--muted);font-size:.86rem}.scope-filter-field select{width:100%;border:1px solid var(--line);border-radius:8px;min-height:38px;background:var(--surface);color:var(--ink);padding:0 11px}.scope-filter-field select:focus{border-color:var(--accent);outline:3px solid oklch(.88 .065 165 / .55)}.form-grid textarea,.json-editor{grid-column:1 / -1;min-height:112px;padding:10px 11px;resize:vertical}.json-editor{width:100%;min-height:260px;font-family:SFMono-Regular,Consolas,monospace}.mapping-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.import-mapping-panel .panel-heading{margin-bottom:12px}.mapping-summary{display:flex;flex-wrap:wrap;gap:8px}.mapping-pill,.ignored-columns{min-height:34px;border:1px solid var(--line);border-radius:8px;display:inline-flex;align-items:center;gap:8px;background:var(--surface);padding:0 10px}.mapping-pill span,.ignored-columns span{color:var(--muted);font-size:.88rem}.mapping-pill strong,.ignored-columns strong{font-weight:650}.ignored-columns{margin-top:10px;background:var(--surface-muted)}.mapping-grid label,.ack-row{display:grid;gap:7px;color:var(--muted)}.import-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.file-picker{min-height:38px;border:1px solid var(--line);border-radius:8px;display:inline-flex;align-items:center;gap:8px;background:var(--surface);color:var(--ink);padding:0 12px;position:relative;overflow:hidden}.file-picker input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.allocation-list{display:grid;gap:10px}.allocation-card{border:1px solid var(--line);border-radius:8px;display:grid;grid-template-columns:minmax(210px,.9fr) minmax(240px,1.4fr) minmax(160px,.7fr);align-items:center;gap:12px;background:var(--surface);padding:12px}.allocation-card-main,.allocation-card-metrics{display:grid;gap:4px}.allocation-card-main strong,.allocation-card-metrics strong{min-width:0;overflow-wrap:anywhere}.allocation-card-main span,.allocation-card-metrics span{color:var(--muted);font-size:.88rem}.allocation-card-accounts{display:flex;flex-wrap:wrap;gap:6px}.allocation-card-accounts span{min-height:26px;border-radius:999px;display:inline-flex;align-items:center;background:var(--surface-muted);color:var(--ink);padding:0 9px;font-size:.86rem}.preview-scroll-shell{border:1px solid var(--line);border-radius:8px;background:var(--surface);max-width:100%;max-height:460px;overflow:auto}.preview-table{display:grid;width:max-content;min-width:100%;align-content:start}.preview-row{display:grid;gap:0;min-width:max-content}.preview-row.header{position:sticky;top:0;z-index:2;background:var(--surface-muted);color:var(--muted);font-weight:650}.preview-row+.preview-row{border-top:1px solid var(--line)}.preview-row span{min-width:0;padding:10px 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-row span:first-child{position:sticky;left:0;z-index:1;background:var(--surface);box-shadow:1px 0 0 var(--line)}.preview-row.header span:first-child{z-index:3;background:var(--surface-muted)}.ack-row{grid-template-columns:auto 1fr;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:12px 14px}.primary-button,.table-row button,.data-row button{min-height:36px;border:1px solid transparent;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--accent);color:var(--accent-ink);padding:0 13px;transition:background-color .16s ease,transform .16s ease}.table-row button{background:var(--surface-muted);color:var(--ink);border-color:var(--line)}.primary-button:hover,.table-row button:hover{transform:translateY(-1px)}.amount-cell{font-weight:750;font-variant-numeric:tabular-nums}.row-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}@media (max-width: 900px){.app-shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:5;padding:12px}.brand-block,.role-panel{display:none}.side-nav{display:flex;overflow-x:auto}.nav-item{flex:0 0 auto;width:auto}.topbar,.panel-heading,.toolbar-row,.table-row{align-items:flex-start;flex-direction:column}.content-surface,.topbar{padding:18px}.split-grid,.two-pane{grid-template-columns:1fr}.allocation-card{grid-template-columns:1fr;align-items:start}.scope-filter-bar{grid-template-columns:1fr}.session-panel{justify-content:stretch;width:100%}.session-panel input{width:100%}.session-summary{justify-content:space-between;width:100%}.preview-table{overflow-x:auto}.preview-row{min-width:620px}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
