:root{--bg: #f6f7f9;--surface: #ffffff;--border: #dfe3e8;--border-strong: #c3cad3;--ink: #1c2430;--ink-muted: #5b6675;--ink-faint: #6b7684;--accent: #1f5fa8;--accent-soft: #e8f0fa;--danger: #b3261e;--danger-soft: #fdecea;--warn: #8a5a00;--warn-soft: #fdf4e3;--ok: #1e6b45;--ok-soft: #e7f4ec;--sidebar: 232px;--text-xs: 11px;--text-sm: 12px;--text-md: 13px;--text-base: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 24px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius: 6px;--radius-sm: 4px;--radius-lg: 10px;--shadow-card: 0 1px 2px rgba(16, 24, 40, .04), 0 1px 3px rgba(16, 24, 40, .06);--shadow-pop: 0 12px 28px -8px rgba(16, 24, 40, .22), 0 2px 6px rgba(16, 24, 40, .08);--motion: .12s ease}@media(prefers-reduced-motion:reduce){:root{--motion: 0s}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:var(--text-base)/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-numeric:proportional-nums}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.011em}h1{font-size:var(--text-xl);line-height:1.25}h2{font-size:var(--text-lg);line-height:1.3}h3{font-size:var(--text-base);line-height:1.4}p{margin:0 0 var(--space-3)}a{color:var(--accent);text-underline-offset:2px}:where(a,button,.btn,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.num,td.num,th.num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--text-sm)}td.mono,td.date,th.date{white-space:nowrap}.shell{display:flex;height:100%;overflow:hidden}.sidebar{width:var(--sidebar);flex:0 0 var(--sidebar);background:#16202e;color:#c7d1de;display:flex;flex-direction:column;padding:16px 0 0;overflow:hidden}.sidebar-head{flex:0 0 auto;border-bottom:1px solid #26344a;box-shadow:0 6px 10px -10px #000000e6;padding-bottom:10px}.sidebar-links{flex:1;padding-top:4px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:16px}.sidebar-links{scrollbar-width:thin;scrollbar-color:#33435c transparent}.sidebar-links::-webkit-scrollbar{width:8px}.sidebar-links::-webkit-scrollbar-thumb{background:#33435c;border-radius:var(--radius-sm)}.sidebar-links::-webkit-scrollbar-thumb:hover{background:#44567a}.sidebar-links::-webkit-scrollbar-track{background:transparent}.sidebar .brand{display:flex;align-items:center;gap:9px;padding:0 14px 12px;color:#fff;font-weight:600;font-size:var(--text-base);letter-spacing:-.01em}.sidebar .brand .mark{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:var(--radius);background:var(--accent);color:#fff;font-size:var(--text-xs);font-weight:700;letter-spacing:.02em}.sidebar .group{padding:var(--space-4) var(--space-4) var(--space-1);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:#7b8798}.sidebar nav a{display:block;padding:var(--space-2) var(--space-4);color:#c7d1de;text-decoration:none;font-size:var(--text-md);border-left:3px solid transparent;transition:background var(--motion),color var(--motion),border-color var(--motion)}.sidebar nav a:hover{background:#1e2b3d;color:#fff}.sidebar nav a.active{background:#1e2b3d;color:#fff;border-left-color:var(--accent)}.sidebar .whoami{display:flex;align-items:center;gap:9px;margin:0 10px;padding:8px;border-radius:var(--radius-lg);background:#1b2738;font-size:var(--text-sm);color:#93a0b2}.sidebar .whoami .avatar{display:inline-grid;place-items:center;flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:#2b3b52;color:#dce5ef;font-size:var(--text-xs);font-weight:600}.sidebar .whoami .who{min-width:0}.sidebar .whoami strong{display:block;color:#e6ecf3;font-size:var(--text-md);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar .whoami .role{display:block;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.07em;color:#8592a6}.sidebar .account{display:flex;gap:14px;padding:8px 20px 2px}.sidebar .account a,.sidebar .account button{all:unset;cursor:pointer;font-size:var(--text-xs);color:#8592a6;border-bottom:1px solid transparent}.sidebar .account a:hover,.sidebar .account button:hover{color:#e6ecf3;border-bottom-color:#44567a}.main{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.topbar{flex:0 0 auto;background:var(--surface);border-bottom:1px solid var(--border);padding:var(--space-3) var(--space-5);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.topbar .titles{display:flex;align-items:baseline;gap:12px;min-width:0}.topbar h1{white-space:nowrap}.topbar .sub{color:var(--ink-muted);font-size:var(--text-md);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace{display:flex;align-items:center;gap:10px;flex:0 1 auto}.searchbox{position:relative;flex:0 1 300px;min-width:140px}.searchbox input{width:100%;min-height:32px;padding:0 var(--space-3);font-size:var(--text-md);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg)}.searchbox input:focus{background:var(--surface)}.searchbox .results,.feed .panel{position:absolute;right:0;top:calc(100% + 6px);z-index:40;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);max-height:70vh;overflow-y:auto}.searchbox .results{width:min(460px,calc(100vw - 40px))}.feed .panel{width:min(380px,calc(100vw - 40px))}.searchbox .hit{display:grid;grid-template-columns:150px 110px 1fr auto;gap:10px;align-items:center;width:100%;padding:8px 12px;border:0;border-bottom:1px solid var(--border);background:none;text-align:left;font-size:var(--text-md);cursor:pointer}.searchbox .hit:last-child{border-bottom:0}.searchbox .hit:hover{background:var(--bg)}.feed{position:relative;flex:0 0 auto}.feed .bell{position:relative;min-width:38px;padding:var(--space-2) var(--space-3);font-size:var(--text-md);font-weight:600;border:1px solid var(--border);border-radius:6px;background:var(--bg);cursor:pointer}.feed .bell.urgent{border-color:var(--danger);color:var(--danger)}.feed .bell .dot{position:absolute;top:-3px;right:-3px;width:8px;height:8px;border-radius:50%;background:var(--accent)}.feed .panel-head{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted);background:var(--bg);border-bottom:1px solid var(--border)}.feed .waiting,.feed .event{display:flex;flex-direction:column;gap:2px;width:100%;padding:var(--space-2) var(--space-3);border:0;border-bottom:1px solid var(--border);background:none;text-align:left;font-size:var(--text-md)}.feed .waiting{cursor:pointer}.feed .waiting:hover{background:var(--bg)}.feed .waiting.urgent strong{color:var(--danger)}.feed .event.unread{border-left:3px solid var(--accent)}.content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px 24px 48px}.content>*{max-width:1180px}.content>.card.wide{max-width:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:var(--space-4);box-shadow:var(--shadow-card)}.card>header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.card>header .hint{color:var(--ink-muted);font-size:var(--text-sm);font-weight:400}.card .body,.card .body form{overflow-x:auto}.card .body{padding:var(--space-4)}.card .body.tight{padding:0}.card .body>table,.card .body form>table{min-width:min-content}.card .body:last-child{border-radius:0 0 var(--radius) var(--radius)}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.stat{padding:var(--space-4)}.stat .label{color:var(--ink-muted);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.stat .value{font-size:var(--text-2xl);font-weight:600;margin-top:var(--space-1);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat .note{color:var(--ink-faint);font-size:var(--text-sm);margin-top:var(--space-1)}table{width:100%;border-collapse:collapse}th,td{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid var(--border);vertical-align:top}th{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);font-weight:600;background:#f7f9fb;vertical-align:bottom;border-bottom-color:var(--border-strong)}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background var(--motion)}tbody tr:hover{background:#f7f9fb}tfoot td{font-weight:600;background:#f7f9fb;border-top:2px solid var(--border-strong);border-bottom:none}.indent-1{padding-left:32px}.indent-2{padding-left:48px}.indent-3{padding-left:64px}button,.btn{font:inherit;font-weight:500;min-height:32px;padding:0 var(--space-3);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);white-space:nowrap;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface);color:var(--ink);cursor:pointer;transition:background var(--motion),border-color var(--motion),color var(--motion)}button:hover:not(:disabled){background:#f2f4f7;border-color:#aab3bf}button:active:not(:disabled){background:#e9edf2}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:#1a5192;border-color:#1a5192}button.primary:active:not(:disabled){background:#164a85}button.danger{color:var(--danger);border-color:#e5b7b4}button.danger:hover:not(:disabled){background:var(--danger-soft);border-color:#d99e99}button.small{min-height:26px;padding:0 var(--space-2);font-size:var(--text-md)}button.quiet{border-color:transparent;background:transparent;color:var(--ink-muted)}button.quiet:hover:not(:disabled){background:#f2f4f7;color:var(--ink);border-color:transparent}.subsection{margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}.subsection>h3{margin:0 0 12px;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted)}.inset{margin-top:12px;padding:12px 14px;border-radius:var(--radius);background:var(--bg);border:1px solid var(--border)}.inset>label:last-of-type{margin-bottom:0}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}.trail{list-style:none;margin:10px 0 0;padding:0 0 0 14px;border-left:2px solid var(--border);font-size:var(--text-md)}.trail>li{position:relative;padding:0 0 10px 8px}.trail>li:last-child{padding-bottom:0}.trail>li:before{content:"";position:absolute;left:-19px;top:6px;width:7px;height:7px;border-radius:50%;background:var(--border-strong)}.trail .said{color:var(--ink-muted);font-style:italic}.trail-toggle{margin-top:16px;font-size:var(--text-md)}.trail-toggle>summary{cursor:pointer}.clipped{max-width:280px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.card .body td{min-width:7em}.card .body td.num,.card .body td.date,.card .body td.mono{min-width:0}.card .body td:has(>.pill),.card .body td:has(>button){min-width:0}input,select,textarea{font:inherit;min-height:32px;padding:var(--space-1) var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--ink);width:100%;transition:border-color var(--motion),box-shadow var(--motion)}textarea{min-height:0;padding:var(--space-2);line-height:1.5;resize:vertical}input::placeholder,textarea::placeholder{color:var(--ink-faint)}input[type=checkbox],input[type=radio]{width:auto;padding:0;border-radius:0;vertical-align:baseline}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}label{display:block;margin-bottom:var(--space-3)}label .caption{display:block;font-size:var(--text-md);font-weight:500;color:var(--ink-muted);margin-bottom:var(--space-1)}.row{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:flex-end}.row>*{flex:1 1 160px}.row>.shrink{flex:0 0 auto}.note-box{padding:var(--space-3) var(--space-4);border-radius:var(--radius);font-size:var(--text-md);line-height:1.5;margin-bottom:var(--space-4)}.note-box.error{background:var(--danger-soft);color:var(--danger);border:1px solid #f0c4c0}.note-box.warn{background:var(--warn-soft);color:var(--warn);border:1px solid #ecd9ac}.note-box.ok{background:var(--ok-soft);color:var(--ok);border:1px solid #bcdfcb}.note-box.info{background:var(--accent-soft);color:var(--accent);border:1px solid #c3d9f0}.pill{display:inline-block;padding:2px var(--space-2);border-radius:999px;font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;line-height:18px;white-space:nowrap}.pill.open{background:var(--ok-soft);color:var(--ok)}.pill.under_review{background:var(--warn-soft);color:var(--warn)}.pill.closed{background:#eceff3;color:var(--ink-muted)}.pill.locked{background:#e6e2f5;color:#4a3b8f}.pill.blocking{background:var(--danger-soft);color:var(--danger)}.pill.advisory{background:var(--warn-soft);color:var(--warn)}.pill.pass{background:var(--ok-soft);color:var(--ok)}.pill.awaiting_request{background:var(--warn-soft);color:var(--warn)}.pill.unapproved,.pill.mismatch,.pill.duplicate_suspect,.pill.amount_mismatch{background:var(--danger-soft);color:var(--danger)}.pill.resolved,.pill.settled{background:var(--ok-soft);color:var(--ok)}.pill.partially_paid{background:var(--warn-soft);color:var(--warn)}.pill.draft{background:#eceff3;color:var(--ink-muted)}.pill.submitted{background:var(--warn-soft);color:var(--warn)}.pill.returned{background:var(--danger-soft);color:var(--danger)}.pill.approved{background:var(--ok-soft);color:var(--ok)}.muted{color:var(--ink-muted)}.faint{color:var(--ink-faint)}.empty{padding:var(--space-6) var(--space-4);text-align:center;color:var(--ink-muted)}.login-page{display:grid;place-items:center;min-height:100%;padding:24px}.login-card{width:100%;max-width:380px}.login-card .body{padding:var(--space-5)}.login-card h1{margin-bottom:4px}.login-card .lede{color:var(--ink-muted);font-size:var(--text-md);margin-bottom:18px}.filter-bar{display:grid;gap:10px 12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end}.filter-bar label{display:flex;flex-direction:column;gap:4px;font-size:var(--text-sm);color:var(--ink-muted)}.split{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start}.link-button{background:none;border:0;padding:0;font:inherit;color:inherit;text-align:left;cursor:pointer;text-decoration:underline;text-decoration-color:var(--ink-faint);text-underline-offset:3px}.link-button:hover{text-decoration-color:currentColor}tr.picked td{background:var(--warn-soft)}.share{height:4px;border-radius:2px;margin-top:5px;max-width:220px}.share>span{display:block;height:100%;border-radius:2px}.share.in{background:var(--ok-soft)}.share.in>span{background:var(--ok)}.share.out{background:var(--danger-soft)}.share.out>span{background:var(--danger)}td.in-amount{color:var(--ok)}td.out-amount{color:var(--danger)}table.facts{width:auto;margin:0 0 12px;border:0}table.facts th,table.facts td{border:0;padding:2px var(--space-4) 2px 0;font-size:var(--text-md);vertical-align:top}table.facts th{color:var(--ink-muted);font-weight:500;text-align:left;white-space:nowrap}table.facts td{font-variant-numeric:tabular-nums}.grid-2{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.pill.turn{background:var(--accent);color:#fff}.card>header.appr-toolbar{flex-wrap:wrap;align-items:center}.seg{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.seg>button{border:0;border-radius:0;border-right:1px solid var(--border);background:var(--surface);min-height:32px;font-weight:500}.seg>button:last-child{border-right:0}.seg>button.on{background:var(--accent-soft);color:var(--accent)}.seg .count{display:inline-block;min-width:20px;margin-left:6px;padding:0 6px;border-radius:999px;background:var(--bg);color:var(--ink-muted);font-size:var(--text-xs);font-weight:600;line-height:18px;text-align:center}.seg>button.on .count{background:var(--accent);color:#fff}.seg{max-width:100%;overflow-x:auto}.seg>button{flex:0 0 auto;white-space:nowrap}.appr-filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.appr-filters input[type=search]{width:260px;max-width:100%}.appr-filters select{width:auto}.appr-check{display:flex;gap:6px;align-items:center;margin:0;font-size:var(--text-md);white-space:nowrap}.appr-check input{width:auto;min-height:0}.appr-kind{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted)}.appr-table td{vertical-align:top}.appr-row{cursor:pointer}.appr-row:hover td{background:var(--bg)}.appr-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.appr-row.selected td{background:var(--accent-soft)}.appr-progress{display:flex;flex-direction:column;gap:4px;font-size:var(--text-md)}.appr-progress .dots{display:inline-flex;gap:4px}.appr-progress .dots i{display:inline-block;width:18px;height:4px;border-radius:2px;background:var(--border)}.appr-progress .dots i.done{background:var(--ok)}.appr-progress .dots i.now{background:var(--warn)}.appr-how{margin:4px 0 16px;font-size:var(--text-md)}.appr-how>summary{cursor:pointer;color:var(--ink-muted)}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#10182847}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:61;width:min(560px,100vw);display:flex;flex-direction:column;background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--shadow-pop)}.drawer-head{position:relative;display:flex;justify-content:space-between;gap:16px;padding:18px 48px 16px 20px;border-bottom:1px solid var(--border)}.drawer-head h2{margin:2px 0 4px;font-size:var(--text-xl)}.drawer-head .muted{font-size:var(--text-md)}.drawer-amount{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.drawer-amount .value{font-size:var(--text-xl);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.drawer-amount .due{font-size:var(--text-sm);color:var(--ink-muted)}.drawer-amount .due.overdue{color:var(--danger);font-weight:600}.drawer-head .close{position:absolute;top:12px;right:12px;min-height:28px;padding:0 8px}.drawer-body{flex:1 1 auto;overflow-y:auto;padding:4px 20px 20px}.drawer-body section{padding:14px 0;border-bottom:1px solid var(--border)}.drawer-body section:last-child{border-bottom:0}.drawer-body h3{margin:0 0 10px;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted)}.appr-summary{margin:0 0 12px;font-size:var(--text-base)}.appr-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px 16px;margin:0 0 10px}.appr-facts>div{padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg)}.appr-facts dt{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted)}.appr-facts dd{margin:2px 0 0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.appr-route{list-style:none;margin:0;padding:0 0 0 18px;border-left:2px solid var(--border)}.appr-route>li{position:relative;padding:0 0 14px 10px;font-size:var(--text-md)}.appr-route>li:last-child{padding-bottom:0}.appr-route>li:before{content:"";position:absolute;left:-25px;top:3px;width:12px;height:12px;border-radius:50%;border:2px solid var(--border-strong);background:var(--surface)}.appr-route>li.done:before{background:var(--ok);border-color:var(--ok)}.appr-route>li.now:before{background:var(--warn-soft);border-color:var(--warn)}.appr-route .route-head{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.drawer-foot{padding:14px 20px 18px;border-top:1px solid var(--border);background:var(--bg)}.drawer-foot .note-box,.appr-note{margin-bottom:0}.appr-note textarea,.drawer-foot .inset textarea{width:100%}@media(max-width:720px){.drawer{width:100vw}.drawer-head{flex-direction:column}.drawer-amount{align-items:flex-start;text-align:left}.appr-filters input[type=search]{width:100%}}.drawer-body h3 .hint{text-transform:none;letter-spacing:0;font-weight:400;color:var(--ink-faint)}.msg{padding:10px 12px;border-radius:var(--radius);border:1px solid var(--border);margin-bottom:8px;font-size:var(--text-base)}.msg .who{font-size:var(--text-sm);font-weight:600;color:var(--ink-muted);margin-bottom:2px}.msg.ask{background:var(--accent-soft);border-color:#c3d9f0}.msg.reply{background:var(--ok-soft);border-color:#bcdfcb;margin-left:24px}.msg.closed{background:var(--warn-soft);border-color:#ecd9ac}.bank-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px}.bank-toolbar-link{margin-left:auto;font-size:var(--text-md)}.acct-cards{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));margin-bottom:16px}.acct-card{display:flex;flex-direction:column;gap:4px;min-height:0;padding:12px 14px;text-align:left;font:inherit;font-size:var(--text-md);color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);cursor:pointer;transition:border-color var(--motion),box-shadow var(--motion)}.acct-card:hover{border-color:var(--border-strong)}.acct-card:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.acct-card.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:var(--accent-soft)}.acct-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.acct-name{font-weight:600;font-size:var(--text-base)}.acct-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;align-items:center}.bank-table td{vertical-align:top}.bank-table tr.picked td{background:var(--accent-soft)}.bank-who{font-weight:500}.bank-table td.amt{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.bank-table td.amt.in{color:var(--ok)}.bank-table select.unset{border-color:#ecd9ac;background:var(--warn-soft)}.bank-detail{margin-top:3px;max-width:260px}.bulk-bar{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 2px 6px #1018280f}.bulk-bar select{width:auto}.bank-result{display:flex;gap:8px;align-items:flex-start;padding:10px 16px 0}.bank-result .note-box{flex:1 1 auto;margin:0}.pager{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;padding:10px 16px;border-top:1px solid var(--border);font-size:var(--text-md)}.panel-body{padding-top:16px}.panel-body .card{box-shadow:none}.bank-table td.cat{min-width:190px}.bank-table td.cat select{width:100%;min-width:170px}.bank-table td.cat .muted{display:block;max-width:220px}.bank-detail{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.acct-cards{grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr))}.drawer.wide{width:min(1000px,100vw)}.drawer-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.drawer-actions .spacer{flex:1 1 auto}.drawer-body .card{margin-bottom:12px}.drawer-body table{margin-bottom:4px}.drawer-body .scroll-x{overflow-x:auto}.list-meta{color:var(--ink-muted);font-size:var(--text-md);white-space:nowrap}.next-step{display:flex;flex-direction:column;gap:3px;align-items:flex-start}.next-step .faint{font-size:var(--text-sm)}.cell-sub{color:var(--ink-faint);font-size:var(--text-sm);margin-top:2px}.appr-table td.strong,.appr-table td .strong{font-weight:600}.ref{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--text-sm);color:var(--ink-muted)}.acct-card{min-width:0}.pill.rejected,.pill.cancelled,.pill.void,.pill.voided,.pill.terminated,.pill.blocked,.pill.overdue,.pill.mismatched{background:var(--danger-soft);color:var(--danger)}.pill.issued,.pill.partially_received,.pill.pending_approval,.pill.proposed,.pill.suspended,.pill.due,.pill.requested,.pill.part_paid,.pill.within_tolerance,.pill.not_matched{background:var(--warn-soft);color:var(--warn)}.pill.posted,.pill.received,.pill.fully_received,.pill.released,.pill.paid,.pill.active,.pill.matched,.pill.recognised,.pill.selected{background:var(--ok-soft);color:var(--ok)}.pill.upcoming,.pill.scheduled,.pill.expired,.pill.superseded,.pill.skipped,.pill.not_applicable,.pill.withdrawn,.pill.unpaid{background:#eceff3;color:var(--ink-muted)}.duty-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr))}.duty{display:flex;flex-direction:column;gap:6px;margin:0;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;font-weight:400}.duty.locked{cursor:default}.duty.on{border-color:#bcdfcb;background:var(--ok-soft)}.duty.blocked{border-color:#ecd9ac;background:var(--warn-soft)}.duty-head{display:flex;align-items:center;gap:8px}.duty-head input{width:auto;min-height:0;margin:0}.duty-label{font-weight:600;flex:1 1 auto}.duty-note{color:var(--ink-muted);font-size:var(--text-md)}.duty-why{color:var(--warn);font-size:var(--text-md);font-weight:600}.save-bar{position:sticky;bottom:0;z-index:5;display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 -2px 10px #10182814}.save-bar .spacer{flex:1 1 auto}.appr-table tr.coa-group td{background:var(--bg)}.appr-table select.unset{border-color:#ecd9ac;background:var(--warn-soft)}.chip-list{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:3px 8px;border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--ink-muted)}.route-inline{display:inline-flex;flex-wrap:wrap;gap:4px;align-items:center}.route-inline .step{padding:2px 8px;border:1px solid var(--border);border-radius:999px;background:var(--bg);font-size:var(--text-md)}.route-inline .arrow{color:var(--ink-faint);margin:0 2px}.row-actions{display:inline-flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.preview-lines{margin:12px 0;border:1px solid var(--border);border-radius:var(--radius)}.preview-lines-head{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--border)}.preview-lines .bank-table{width:100%}.preview-lines .clipped{max-width:460px}.preview-lines .preview-table{overflow-x:auto}@media(max-width:640px){.preview-lines .clipped{max-width:160px}}.bank-filters{padding:10px 16px;border-bottom:1px solid var(--border);display:grid;gap:8px}.bank-filters button .count{margin-left:6px}.bank-filters select{max-width:220px}.bank-filters button.on{background:var(--accent-soft);color:var(--accent)}.bank-filters-more label{display:flex;gap:6px;align-items:center;margin:0;font-size:var(--text-md);color:var(--ink-muted);white-space:nowrap}.bank-filters-more input{width:auto}.bank-filters-more input.num{width:110px}@media(max-width:640px){.bank-filters select,.bank-filters-more label{width:100%;max-width:none}.bank-filters-more label input,.bank-filters-more input.num{flex:1;width:auto}}.search-select{position:relative;width:100%;min-width:0}.search-select>input{width:100%;padding-right:28px;text-overflow:ellipsis;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--ink-muted) 50%),linear-gradient(135deg,var(--ink-muted) 50%,transparent 50%);background-position:calc(100% - 15px) 50%,calc(100% - 10px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.search-select>input[aria-expanded=true]{cursor:text}.search-select-list{position:fixed;z-index:80;margin:0;padding:4px 0;list-style:none;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-pop);font-size:var(--text-md)}.search-select-list li{display:flex;justify-content:space-between;gap:12px;padding:6px 10px;cursor:pointer;line-height:1.35}.search-select-list li.active{background:var(--accent-soft)}.search-select-list li.chosen{font-weight:600}.search-select-list .search-select-hint{color:var(--ink-muted);font-size:var(--text-sm);white-space:nowrap}.search-select-list .search-select-none{color:var(--ink-muted);cursor:default}.bank-filters .search-select{width:220px}@media(max-width:640px){.bank-filters .search-select{width:100%}}.bank-table .search-select.unset>input{border-color:#ecd9ac;background-color:var(--warn-soft)}.bank-table td.cat .search-select{min-width:170px}.bulk-bar .search-select.bulk-category{width:220px}.bank-table td.cat .line-party{margin-top:6px}.bank-table td.cat .answer-waiting{margin-top:6px;padding:6px 8px;border-radius:var(--radius);background:var(--accent-soft);font-size:var(--text-sm);display:grid;gap:4px}.bank-table td.cat .answer-waiting span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.bank-table td.cat .answer-waiting button{justify-self:start}.bank-table td.cat>.faint{margin-top:4px;font-size:var(--text-sm)}a.btn{text-decoration:none}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:#1a5192;border-color:#1a5192}.report-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-3)}.report-link{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius);color:inherit;text-decoration:none}.report-link:hover{border-color:var(--accent);background:var(--accent-soft)}.report-link .muted{font-size:var(--text-md)}.report-head{text-align:center;padding:var(--space-4);display:grid;gap:2px}.report-company{font-weight:600;font-size:var(--text-lg)}.report-title{font-weight:600}.report-table td{vertical-align:top}.report-table tr.rep-group td{font-weight:600;background:#fafbfc}.report-table tr.rep-subtotal td{font-weight:600;border-top:1px solid var(--border-strong)}.report-table tr.rep-total td{font-weight:700;border-top:2px solid var(--ink-faint)}.report-table tr.rep-muted td{color:var(--ink-muted);font-style:italic}