:root{--ink:#18202c;--muted:#667085;--line:#d8e0e8;--soft-line:#e9eef4;--surface:#f6f9fc;--panel:#fff;--brand:#2467a6;--brand-strong:#174c7e;--teal:#168a7a;--coral:#c76b55;--amber:#ad7a1f;--green-soft:#eaf7f3;--blue-soft:#edf6ff;--coral-soft:#fff0eb}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:var(--surface);letter-spacing:0;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.loginSurface{background:linear-gradient(#ffffffb8,#f6f9fcf5),repeating-linear-gradient(90deg,#2467a612 0 1px,#0000 1px 76px);place-items:center;min-height:100vh;padding:24px;display:grid}.loginPanel{background:var(--panel);border:1px solid var(--line);border-radius:8px;width:min(460px,100%);padding:32px;box-shadow:0 18px 50px #1f30461f}.loginPanel h1{margin:18px 0 24px;font-size:28px;line-height:1.16}.brandMark{color:#fff;background:var(--brand);border-radius:8px;place-items:center;width:46px;height:46px;display:grid}.brandMark.small{width:36px;height:36px}.loginForm,.contentStack,.editorBand{gap:16px;display:grid}label{color:var(--muted);gap:7px;font-size:13px;display:grid}input,select,textarea{width:100%;min-height:40px;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:6px;outline:none;padding:9px 11px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #2467a624}.primaryButton,.iconButton,.userBadge button,.moduleNav button{border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:40px;display:inline-flex}.primaryButton{color:#fff;background:var(--brand);padding:0 16px}.primaryButton:hover{background:var(--brand-strong)}.primaryButton:disabled{cursor:not-allowed;opacity:.6}.secondaryButton,.workflowActions button,.workflowCard>button{min-height:38px;color:var(--brand-strong);border:1px solid var(--line);background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:0 13px;display:inline-flex}.secondaryButton:disabled,.workflowActions button:disabled,.workflowCard>button:disabled{cursor:not-allowed;opacity:.55}.workflowActions .dangerButton{color:#a23924;background:var(--coral-soft)}.formError,.statusBanner.error{color:#a23924}.appShell{grid-template-columns:272px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#fff;grid-template-rows:auto 1fr;gap:24px;padding:20px;display:grid}.sidebarBrand{align-items:center;gap:12px;display:flex}.sidebarBrand strong,.sidebarBrand span{display:block}.sidebarBrand span{color:var(--muted);font-size:12px}.moduleNav{align-content:start;gap:6px;display:grid}.moduleNav button{color:#344054;background:0 0;justify-content:flex-start;width:100%;padding:0 11px}.moduleNav button:hover,.moduleNav button.active{color:var(--brand-strong);background:var(--blue-soft)}.workspaceSurface{min-width:0;padding:22px 28px 40px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.searchBox{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;width:min(560px,100%);min-height:42px;padding:0 12px;display:flex}.searchBox input{box-shadow:none;border:0}.userBadge{color:var(--muted);white-space:nowrap;align-items:center;gap:10px;display:flex}.userBadge button,.iconButton{width:38px;height:38px;color:var(--brand);border:1px solid var(--line);background:#fff}.statusBanner{border:1px solid var(--line);background:#fff;border-radius:6px;margin-bottom:16px;padding:10px 12px}.statusBanner.success{color:#116a5b;background:var(--green-soft)}.sectionHeader{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.sectionHeader h2{margin:0;font-size:25px}.sectionHeader p{color:var(--muted);margin:5px 0 0}.statsGrid,.twoColumn,.itemGrid{gap:14px;display:grid}.statsGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.statsGrid.compact{grid-template-columns:repeat(2,minmax(0,220px))}.twoColumn{grid-template-columns:repeat(2,minmax(0,1fr))}.itemGrid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.statCard,.panel,.itemCard{background:var(--panel);border:1px solid var(--line);border-radius:8px}.statCard{gap:8px;padding:16px;display:grid}.statCard svg{color:var(--teal)}.statCard span,.compactItem span,.itemCard span,.itemCard small,.tableRow small{color:var(--muted)}.statCard strong{font-size:28px}.panel{padding:16px}.panelTitle{align-items:center;gap:8px;margin-bottom:12px;display:flex}.panelTitle h3{margin:0;font-size:16px}.compactList{display:grid}.compactItem{border-top:1px solid var(--soft-line);justify-content:space-between;gap:12px;padding:11px 0;display:flex}.compactItem:first-child{border-top:0}.emptyState{color:var(--muted);background:var(--surface);border-radius:6px;padding:18px}.filterRow{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.filterRow label{min-width:180px}.uploadBand,.editorBand{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:minmax(180px,1.4fr) minmax(170px,1fr) minmax(170px,1fr) minmax(160px,1fr) minmax(110px,.7fr) minmax(160px,1fr) auto;align-items:end;gap:10px;padding:14px;display:grid}.editorBand{grid-template-columns:minmax(220px,1fr) minmax(180px,.6fr) minmax(160px,.5fr) minmax(260px,1.3fr) auto}.documentTable{border:1px solid var(--line);background:#fff;border-radius:8px;overflow:hidden}.tableHeader,.tableRow{grid-template-columns:minmax(240px,1.6fr) minmax(150px,.8fr) minmax(132px,.7fr) minmax(130px,.6fr) minmax(110px,.5fr) 48px;align-items:center;gap:14px;padding:13px 14px;display:grid}.tableHeader{color:var(--muted);border-bottom:1px solid var(--line);background:#f2f6fa;font-size:12px}.tableRow{border-bottom:1px solid var(--soft-line)}.tableRow:last-child{border-bottom:0}.tableRow strong,.tableRow small{display:block}.statusPill{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:26px;padding:0 9px;font-size:12px;display:inline-flex}.statusPill.approved{color:#116a5b;background:var(--green-soft)}.statusPill.pending{color:var(--amber);background:#fff6df}.statusPill.neutral{color:#5f6470;background:#f1f3f6}.itemCard{gap:8px;padding:16px;display:grid}.cardIcon{width:36px;height:36px;color:var(--brand);background:var(--blue-soft);border-radius:8px;place-items:center;display:grid}.cardIcon.green{color:var(--teal);background:var(--green-soft)}.permissionStack{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.permissionStack span{color:var(--brand-strong);background:var(--blue-soft);border-radius:6px;padding:9px 11px}.workflowToolbar{grid-template-columns:minmax(220px,.9fr) minmax(340px,1.4fr) minmax(180px,.6fr);align-items:start;gap:12px;margin-bottom:16px;display:grid}.approverQueueBuilder{gap:8px;min-width:0;display:grid}.approverQueueLabel{color:var(--muted);font-size:13px}.approverPickerRow{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.approverPickerRow .secondaryButton{min-height:40px}.approverQueue{gap:6px;margin:0;padding:0;list-style:none;display:grid}.approverQueueItem{background:var(--surface);border:1px solid var(--soft-line);border-radius:6px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px;display:grid}.approverQueueItem strong,.approverQueueItem span{display:block}.approverQueueItem div>span,.approverQueueHint,.approverQueueEmpty{color:var(--muted);font-size:12px}.approverOrder{width:26px;height:26px;color:var(--brand-strong);background:var(--blue-soft);border-radius:50%;place-items:center;font-weight:700;display:grid}.approverQueueActions{gap:4px;display:flex}.approverQueueActions .secondaryButton{min-width:32px;min-height:32px;padding:0}.approverQueueEmpty{text-align:center;border:1px dashed var(--line);border-radius:6px;padding:10px}.workflowList{gap:10px;display:grid}.workflowCard{border:1px solid var(--soft-line);background:#fff;border-radius:7px;justify-content:space-between;align-items:center;gap:14px;padding:13px;display:flex}.workflowCard.vertical{display:grid}.workflowCard strong,.workflowCard span{display:block}.workflowCard span{color:var(--muted);margin-top:3px;font-size:12px}.workflowCardHeader,.workflowActions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:9px;display:flex}.approvalTimeline{background:var(--surface);border-radius:6px;gap:5px;padding:10px 12px;display:grid}@media (max-width:1120px){.appShell{grid-template-columns:84px minmax(0,1fr)}.sidebar{padding:14px}.sidebarBrand div:last-child,.moduleNav button{font-size:0}.moduleNav button{justify-content:center}.uploadBand,.editorBand,.statsGrid,.twoColumn,.workflowToolbar{grid-template-columns:1fr 1fr}.tableHeader{display:none}.tableRow{grid-template-columns:1fr auto}.tableRow>span,.tableRow>.statusPill{display:none}}@media (max-width:720px){.appShell{grid-template-columns:1fr}.sidebar{z-index:5;border-right:0;border-bottom:1px solid var(--line);padding:12px;display:block;position:sticky;top:0}.sidebarBrand{margin-bottom:10px}.moduleNav{display:flex;overflow-x:auto}.moduleNav button{flex:0 0 42px}.workspaceSurface{padding:16px}.topbar,.sectionHeader{display:grid}.uploadBand,.editorBand,.statsGrid,.statsGrid.compact,.twoColumn,.workflowToolbar,.workflowCard{grid-template-columns:1fr}.workflowCard{display:grid}.filterRow{justify-content:stretch}.filterRow label{width:100%}}