:root{--bg:#f6f8fb;--ink:#101828;--text:#475467;--muted:#667085;--line:#d9e0ea;--line-soft:#edf1f6;--soft:#f2f5f9;--success:#12a150;--danger:#e5484d;--shadow:0 18px 48px #10182814;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #165dff47}::selection{color:#fff;background:#165dff}.app-shell{min-height:100vh;color:var(--text);background:linear-gradient(135deg, #1a5bff12, transparent 34%), linear-gradient(315deg, #14b8a614, transparent 36%), var(--bg);grid-template-columns:272px minmax(0,1fr);display:grid}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;min-height:100vh;padding:22px;position:sticky;top:0}.brand,.side-nav a,.source-row,.topbar,.topbar-actions,.metric-card,.flow-step,.viewer-toolbar,.file-pill,.panel-head,.amount-box,.warning-row,.panel-actions,.section-bar,.table-row span:last-child{align-items:center;display:flex}.brand{color:var(--ink);gap:12px;margin-bottom:28px;text-decoration:none}.brand-mark{background:var(--ink);color:#fff;letter-spacing:0;border-radius:8px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.brand strong,.brand small{display:block}.brand strong{letter-spacing:0;font-size:15px}.brand small{color:var(--muted);margin-top:2px;font-size:12px}.side-nav{gap:6px;margin-bottom:28px;display:grid}.side-nav a{height:42px;color:var(--muted);border-radius:8px;gap:10px;padding:0 12px;font-size:14px;font-weight:650;text-decoration:none}.side-nav a.is-active{color:#1847b8;background:#eef4ff}.source-panel{border:1px solid var(--line);background:#fff;border-radius:8px;padding:14px}.panel-label,.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0;font-size:11px;font-weight:760}.source-row{color:var(--text);border-top:1px solid var(--line-soft);justify-content:space-between;gap:8px;padding:11px 0;font-size:12px}.source-row:first-of-type{margin-top:10px}.source-row svg:last-child{color:var(--success)}.workspace{min-width:0;padding:28px}.topbar{justify-content:space-between;gap:24px;margin-bottom:22px}h1,h2{color:var(--ink);letter-spacing:0;margin:0}h1{margin-top:8px;font-size:clamp(30px,4vw,48px);line-height:1.08}h2{font-size:21px;line-height:1.2}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px}button{font:inherit}.icon-button,.primary-button,.secondary-button{border:1px solid var(--line);cursor:pointer;border-radius:8px;height:40px;transition:transform .18s,box-shadow .18s,border-color .18s}.icon-button{width:40px;color:var(--text);background:#fff;place-items:center;display:grid}.primary-button,.secondary-button{white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-weight:760;display:inline-flex}.primary-button{color:#fff;background:#165dff;border-color:#165dff;box-shadow:0 12px 24px #165dff38}.secondary-button{color:var(--ink);background:#fff}.icon-button:hover,.primary-button:hover,.secondary-button:hover{transform:translateY(-1px);box-shadow:0 12px 24px #0f172a14}.queue-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.metric-card,.flow-strip,.document-viewer,.review-panel,.table-section{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffe0}.metric-card{border-radius:8px;gap:12px;min-height:92px;padding:16px}.metric-icon{color:#165dff;background:#eef4ff;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.metric-card p{color:var(--muted);margin:0;font-size:13px}.metric-card strong{color:var(--ink);margin-left:auto;font-size:30px;line-height:1}.flow-strip{border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-bottom:14px;display:grid;overflow:hidden}.flow-step{border-right:1px solid var(--line-soft);gap:12px;min-height:78px;padding:14px}.flow-step:last-child{border-right:0}.flow-step>span{width:28px;height:28px;color:var(--muted);background:var(--soft);border-radius:8px;place-items:center;font-size:12px;font-weight:800;display:grid}.flow-step strong,.flow-step small{display:block}.flow-step strong{color:var(--ink);font-size:14px}.flow-step small{color:var(--muted);margin-top:3px;font-size:12px}.flow-step svg{color:var(--muted);margin-left:auto}.flow-step.is-done>span{color:var(--success);background:#e8f8ef}.flow-step.is-active{background:#fff9ea}.flow-step.is-active>span{color:#9a5a00;background:#ffe8ae}.review-layout{grid-template-columns:minmax(360px,.95fr) minmax(420px,1.05fr);gap:14px;margin-bottom:14px;display:grid}.document-viewer,.review-panel,.table-section{border-radius:8px}.document-viewer{padding:14px}.viewer-toolbar{justify-content:space-between;gap:12px;margin-bottom:14px}.file-pill{background:var(--soft);height:34px;color:var(--ink);border-radius:8px;gap:8px;padding:0 10px;font-size:13px;font-weight:700}.invoice-paper{color:#1f2937;background-color:#fbfaf6;background-image:linear-gradient(90deg,#165dff14 1px,#0000 1px),linear-gradient(#165dff14 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:8px;min-height:420px;padding:28px;box-shadow:inset 0 0 0 1px #0f172a14}.paper-head,.paper-row,.paper-grid,.paper-total{border-bottom:1px solid #0f172a1f;margin-bottom:18px;padding-bottom:18px}.paper-head{color:#165dff;letter-spacing:.08em;justify-content:space-between;font-weight:850;display:flex}.paper-row small,.paper-grid small,.paper-total small{color:#6b7280;margin-bottom:4px;font-size:12px;display:block}.paper-row b,.paper-grid b{font-size:18px}.paper-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.paper-lines{gap:12px;margin:34px 0;display:grid}.paper-lines span{background:#0f172a1f;border-radius:6px;height:14px}.paper-lines span:nth-child(2){width:76%}.paper-lines span:nth-child(3){width:58%}.paper-total{justify-content:space-between;align-items:end;margin-bottom:0;display:flex}.paper-total strong{color:#111827;font-size:28px}.ai-note{color:#0f766e;background:#eefdfa;border-radius:8px;align-items:flex-start;gap:10px;margin-top:12px;padding:12px;font-size:13px;font-weight:700;display:flex}.ai-note p{margin:0}.review-panel,.table-section{padding:18px}.panel-head,.section-bar{justify-content:space-between;gap:16px;margin-bottom:16px}.status-badge{border-radius:999px;align-items:center;height:30px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.status-badge.is-review{color:#925900;background:#fff0c2}.field-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}label span{color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:760;display:block}input,select{box-sizing:border-box;border:1px solid var(--line);width:100%;height:42px;color:var(--ink);font:inherit;background:#fff;border-radius:8px;padding:0 12px}.amount-box{background:var(--ink);color:#fff;border-radius:8px;justify-content:space-between;gap:12px;margin:16px 0;padding:14px}.amount-box small{color:#ffffffa8;margin-bottom:4px;font-size:12px;display:block}.amount-box strong{font-size:22px}.warning-row{color:#9a3412;background:#fff7ed;border-radius:8px;gap:10px;padding:12px;font-size:13px;font-weight:700}.panel-actions{justify-content:flex-end;gap:10px;margin-top:16px}.data-table{border:1px solid var(--line);border-radius:8px;overflow:hidden}.table-row{border-bottom:1px solid var(--line-soft);min-height:50px;color:var(--text);grid-template-columns:1.4fr 1fr .9fr .7fr .8fr;gap:14px;padding:0 14px;font-size:13px;display:grid}.table-row:last-child{border-bottom:0}.table-row span{align-items:center;min-width:0;display:flex}.table-head{background:var(--soft);min-height:42px;color:var(--muted);font-weight:800}.dot{background:var(--muted);border-radius:50%;width:8px;height:8px;margin-right:8px}.dot.is-approved{background:var(--success)}.dot.is-review{background:#f59e0b}.dot.is-flagged{background:var(--danger)}@media (width<=1120px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);min-height:auto;position:static}.side-nav{grid-template-columns:repeat(3,1fr)}.source-panel{display:none}.review-layout,.queue-grid,.flow-strip{grid-template-columns:1fr 1fr}}@media (width<=720px){.workspace{padding:18px}.topbar,.panel-head,.section-bar{flex-direction:column;align-items:flex-start}.topbar-actions,.panel-actions{justify-content:stretch;width:100%}.primary-button,.secondary-button{flex:1}.queue-grid,.flow-strip,.review-layout,.field-grid{grid-template-columns:1fr}.flow-step{border-right:0;border-bottom:1px solid var(--line-soft)}.flow-step:last-child{border-bottom:0}.paper-grid,.paper-total,.amount-box{grid-template-columns:1fr;display:grid}.table-row{grid-template-columns:1fr;gap:4px;height:auto;padding:12px 14px}.table-head{display:none}}