:root{--charcoal: #33312A;--cream: #F5F1E6;--rust: #C25B33;--terracotta: #D98A63;--stone: #6B6553;--peach: #EFD8C4;--near-black: #181711;--bg: #EDEAE0;--panel: #F5F1E6;--panel-2: #FAF9F5;--line: #E2DBCA;--line-2: #EAE4D8;--ink: #33312A;--ink-2: #6B6553;--ink-3: #9A9279;--ink-on-dark: #F4F0E6;--ink-3-on-dark: #B3AD9A;--brand: #C25B33;--brand-2: #A94A26;--brand-soft: #EFD8C4;--brand-on-dark: #D98A63;--accent: #C25B33;--accent-soft: #EFD8C4;--moss: #5C6B4A;--ok: #5C6B4A;--ok-soft: #E8EADD;--warn: #9A6B2F;--warn-soft: #F5E9D6;--danger: #B04426;--danger-soft: #F7E2D9;--radius: 12px;--shadow: 0 1px 2px rgba(51, 49, 42, .05), 0 1px 3px rgba(51, 49, 42, .05);--shadow-lg: 0 12px 32px rgba(51, 49, 42, .14);--serif: "Source Serif 4", Georgia, "Times New Roman", serif;--sans: "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit}h1,h2,h3,h4{margin:0;font-family:var(--serif);font-weight:600;letter-spacing:-.015em}h1{font-size:25px}h2{font-size:18px}h3{font-size:15.5px}.crumb,th,.kpi .k,.navgrp .lbl,.label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em}.app{display:grid;grid-template-columns:244px 1fr;min-height:100vh}.side{background:var(--charcoal);color:var(--ink-3-on-dark);padding:20px 12px;display:flex;flex-direction:column;gap:16px;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:11px;padding:4px 8px 14px}.brand .sub{font-size:9.5px;color:var(--ink-3-on-dark);font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;margin-top:5px}.navgrp{display:flex;flex-direction:column;gap:2px}.navgrp .lbl{font-size:9.5px;color:#837c67;padding:10px 10px 5px;font-weight:500}.nav{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;cursor:pointer;color:var(--ink-3-on-dark);font-size:13.5px}.nav:hover{background:#f4f0e612;color:var(--ink-on-dark)}.nav.on{background:var(--brand-on-dark);color:var(--near-black);font-weight:600}.nav .ic{width:16px;display:grid;place-items:center;opacity:.85}.nav.on .ic{opacity:1}.nav .pill{margin-left:auto;background:#f4f0e61f;color:var(--ink-on-dark);font-family:var(--mono);font-size:10px;padding:1px 7px;border-radius:20px}.nav.on .pill{background:#1817112e;color:var(--near-black)}.side .who{margin-top:auto;border-top:1px solid rgba(244,240,230,.12);padding-top:13px;display:flex;align-items:center;gap:10px;cursor:pointer}.side .who:hover{opacity:.82}.side .who .n{font-size:12.5px;color:var(--ink-on-dark);font-weight:600}.side .who .r{font-size:9.5px;color:var(--ink-3-on-dark);font-family:var(--mono);text-transform:uppercase;letter-spacing:.11em}.main{display:flex;flex-direction:column;min-width:0}.top{background:var(--panel);border-bottom:1px solid var(--line);padding:15px 28px;display:flex;align-items:center;gap:14px;position:sticky;top:0;z-index:20}.top .crumb{font-size:9.5px;color:var(--ink-3);margin-bottom:3px}.top .grow{flex:1}.search{display:flex;align-items:center;gap:7px;background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:6px 11px;width:250px;color:var(--ink-3)}.search input{border:0;background:transparent;outline:none;font-size:13px;width:100%;color:var(--ink)}.wrap{padding:24px 28px 64px;max-width:1260px;width:100%}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:9px;border:1px solid var(--line);background:var(--panel-2);color:var(--ink);cursor:pointer;font-weight:500;font-size:13px;white-space:nowrap;transition:background .12s,border-color .12s}.btn:hover{background:#fff;border-color:#d3c9b4}.btn.pri{background:var(--brand);border-color:var(--brand);color:#fff8f2;font-weight:600}.btn.pri:hover{background:var(--brand-2);border-color:var(--brand-2)}.btn.gho{border-color:transparent;background:transparent;color:var(--ink-2)}.btn.gho:hover{background:#33312a0f}.btn.sm{padding:4px 10px;font-size:12px}.btn.dgr{color:var(--danger)}.btn[disabled]{opacity:.5;cursor:not-allowed}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card .hd{padding:15px 17px;border-bottom:1px solid var(--line-2);display:flex;align-items:center;gap:10px}.card .bd{padding:17px}.card .hd .grow{flex:1}.grid{display:grid;gap:14px}.row{display:flex;align-items:center;gap:10px}.muted{color:var(--ink-3)}.dim{color:var(--ink-2)}.tiny{font-size:11.5px}.sm{font-size:12.5px}.num{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.mt{margin-top:14px}.mt2{margin-top:24px}.right{text-align:right}.sep{height:1px;background:var(--line-2);margin:13px 0}.badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;padding:3px 8px;border-radius:5px;border:1px solid transparent;white-space:nowrap}.badge:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}.b-draft{background:#e8e4d8;color:var(--stone)}.b-sent{background:#e6e7de;color:#4e5647}.b-viewed{background:var(--peach);color:#8a5230}.b-paid{background:var(--ok-soft);color:var(--moss)}.b-partial{background:var(--warn-soft);color:var(--warn)}.b-overdue{background:var(--danger-soft);color:var(--danger)}.b-active{background:var(--ok-soft);color:var(--moss)}.b-arch{background:#e8e4d8;color:var(--ink-3)}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:9.5px;color:var(--ink-3);font-weight:500;padding:10px 17px;border-bottom:1px solid var(--line-2);background:var(--panel-2);white-space:nowrap}td{padding:12px 17px;border-bottom:1px solid var(--line-2);vertical-align:middle}tr:last-child td{border-bottom:0}tbody tr.clickable{cursor:pointer}tbody tr.clickable:hover{background:var(--panel-2)}.tbl-wrap{overflow-x:auto}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 17px;box-shadow:var(--shadow)}.kpi .k{font-size:9.5px;color:var(--ink-3);font-weight:500}.kpi .v{font-family:var(--serif);font-size:27px;font-weight:600;letter-spacing:-.02em;margin-top:7px;font-variant-numeric:tabular-nums}.kpi .d{font-size:12px;margin-top:4px}.up{color:var(--moss)}.down{color:var(--danger)}label.f{display:block;font-size:10px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.11em;color:var(--ink-2);margin-bottom:6px}input.i,select.i,textarea.i{width:100%;padding:8px 11px;border:1px solid var(--line);border-radius:9px;font-family:inherit;font-size:13.5px;color:var(--ink);background:var(--panel-2);outline:none}input.i:focus,select.i:focus,textarea.i:focus{border-color:var(--brand);box-shadow:0 0 0 3px #c25b3324;background:#fff}input.i.num,select.i.num{font-family:var(--mono)}.fields{display:grid;gap:14px}.f2{grid-template-columns:1fr 1fr}.f3{grid-template-columns:1fr 1fr 1fr}.f4{grid-template-columns:repeat(4,1fr)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:20px}.tab{padding:9px 14px;font-size:13.5px;color:var(--ink-2);cursor:pointer;border-bottom:2px solid transparent;font-weight:500}.tab:hover{color:var(--ink)}.tab.on{color:var(--brand);border-bottom-color:var(--brand);font-weight:600}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{padding:4px 12px;border-radius:20px;border:1px solid var(--line);background:var(--panel-2);font-size:12.5px;cursor:pointer;color:var(--ink-2)}.chip:hover{border-color:#d3c9b4}.chip.on{background:var(--charcoal);border-color:var(--charcoal);color:var(--ink-on-dark);font-weight:500}.av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-family:var(--mono);font-size:11px;font-weight:500;color:#fff8f2;flex:none}.stack{display:flex;align-items:center;gap:10px}.bar{height:7px;background:#e4dece;border-radius:20px;overflow:hidden;margin-top:5px}.bar>i{display:block;height:100%;background:var(--brand);border-radius:20px}.mask{position:fixed;inset:0;background:#33312a61;display:grid;place-items:center;z-index:100;padding:24px}.modal{background:var(--panel);border-radius:14px;box-shadow:var(--shadow-lg);width:100%;max-width:560px;max-height:88vh;overflow:auto}.modal .mh{padding:17px 19px;border-bottom:1px solid var(--line-2);display:flex;align-items:center}.modal .mb{padding:19px}.modal .mf{padding:15px 19px;border-top:1px solid var(--line-2);display:flex;justify-content:flex-end;gap:8px;background:var(--panel-2);border-radius:0 0 14px 14px}.x{margin-left:auto;cursor:pointer;color:var(--ink-3);font-size:21px;line-height:1;padding:0 4px}.x:hover{color:var(--ink)}.empty{padding:46px 20px;text-align:center;color:var(--ink-3)}.empty .big{font-size:28px;margin-bottom:10px;opacity:.45}.timer{font-family:var(--mono);font-size:34px;font-weight:500;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.dot{width:7px;height:7px;border-radius:50%;background:var(--rust);display:inline-block;animation:pulse 1.4s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.doc{background:#fdfcf8;border:1px solid var(--line);border-radius:var(--radius);padding:48px;box-shadow:var(--shadow);max-width:810px}.doc .dh{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.doc h1{font-family:var(--serif);font-size:30px;letter-spacing:-.03em;color:var(--ink);font-weight:600}.doc table th{background:transparent;border-bottom:1.5px solid var(--charcoal);padding:9px 0;color:var(--ink-2)}.doc table td{padding:12px 0;border-bottom:1px solid var(--line-2)}.tot{display:flex;justify-content:flex-end;margin-top:18px}.tot .tt{width:280px}.tot .tr{display:flex;justify-content:space-between;padding:6px 0;font-variant-numeric:tabular-nums}.tot .tr span:last-child{font-family:var(--mono)}.tot .tr.big{border-top:1.5px solid var(--charcoal);margin-top:6px;padding-top:11px;font-size:17px;font-weight:600;font-family:var(--serif)}.tot .tr.big span:last-child{font-family:var(--mono);font-weight:600}.ribbon{background:var(--peach);border:1px solid #E3C6AC;color:#7e4526;padding:10px 14px;border-radius:9px;font-size:12.5px;display:flex;gap:8px;align-items:center;margin-bottom:14px}.ribbon.w{background:var(--warn-soft);border-color:#e6d2ae;color:var(--warn)}.sparkbar{display:flex;align-items:flex-end;gap:7px;height:122px}.sparkbar>div{flex:1;height:100%;background:#e4dece;border-radius:4px 4px 0 0;position:relative;min-height:3px}.sparkbar>div>i{position:absolute;inset:auto 0 0;background:var(--brand);border-radius:4px 4px 0 0;display:block}.axis{display:flex;gap:7px;margin-top:7px}.axis>div{flex:1;text-align:center;font-size:9.5px;color:var(--ink-3);font-family:var(--mono);letter-spacing:.06em}.gate{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--charcoal)}.gate .box{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg);padding:38px;max-width:410px;width:100%;text-align:center}.gate .lock{display:flex;justify-content:center;margin-bottom:22px}.gate .eyebrow{font-family:var(--mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.15em;color:var(--ink-3)}.spinner{width:17px;height:17px;border:2px solid var(--line);border-top-color:var(--brand);border-radius:50%;display:inline-block;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading{padding:66px;display:grid;place-items:center;gap:11px;color:var(--ink-3)}.toasts{position:fixed;right:18px;bottom:18px;display:flex;flex-direction:column;gap:8px;z-index:300;max-width:380px}.toast{background:var(--charcoal);color:var(--ink-on-dark);padding:12px 15px;border-radius:10px;box-shadow:var(--shadow-lg);font-size:13px;display:flex;gap:9px;align-items:flex-start;animation:rise .18s ease-out}.toast.err{background:#8c3a20}.toast.ok{background:#46543a}.toast .tx{margin-left:auto;cursor:pointer;opacity:.7}@keyframes rise{0%{transform:translateY(6px);opacity:0}}.err-panel{background:var(--danger-soft);border:1px solid #EFCDBF;color:var(--danger);padding:11px 14px;border-radius:9px;font-size:13px;margin-bottom:14px}.linky{color:var(--brand);cursor:pointer;font-weight:500}.linky:hover{text-decoration:underline}input.i[type=checkbox]{width:auto}input[type=checkbox]{accent-color:var(--brand)}.nowrap{white-space:nowrap}.pdfframe{width:100%;height:min(1000px,80vh);border:1px solid var(--line);border-radius:var(--radius);background:#fff}.stat-row{display:flex;gap:28px;flex-wrap:wrap}.stat-row>div>.k{font-size:9.5px;color:var(--ink-3);font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em}.stat-row>div>.v{font-family:var(--serif);font-size:19px;font-weight:600}.side .nav{-webkit-user-select:none;user-select:none}.doc.compact{padding:34px}@media print{.side,.top,.mbar,.drawer-mask,.no-print{display:none!important}.app{grid-template-columns:1fr}.wrap{padding:0}.doc{border:0;box-shadow:none;max-width:none;background:#fff}body{background:#fff}}.mbar,.drawer-mask,.drawer-x{display:none}@media(max-width:1100px){.app{grid-template-columns:212px 1fr}.wrap{padding:20px 20px 64px}.top{padding:14px 20px}}@media(max-width:900px){.app{grid-template-columns:1fr}.side{position:fixed;top:0;left:0;bottom:0;width:270px;max-width:84vw;height:100%;z-index:200;transform:translate(-100%);transition:transform .22s ease;box-shadow:none;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom))}.app.drawer-open .side{transform:translate(0);box-shadow:var(--shadow-lg)}.drawer-mask{display:block;position:fixed;inset:0;background:#18171170;z-index:150;opacity:0;pointer-events:none;transition:opacity .22s ease}.app.drawer-open .drawer-mask{opacity:1;pointer-events:auto}.drawer-x{display:block;margin-left:auto;background:transparent;border:0;color:var(--ink-3-on-dark);font-size:27px;line-height:1;padding:0 6px;cursor:pointer;min-width:44px;min-height:44px}.brand{justify-content:space-between}.mbar{display:flex;align-items:center;gap:12px;background:var(--charcoal);color:var(--ink-on-dark);padding:10px 14px;padding-top:max(10px,env(safe-area-inset-top));position:sticky;top:0;z-index:90}.mbar-title{font-family:var(--serif);font-size:16.5px;font-weight:600;letter-spacing:-.015em;color:var(--ink-on-dark)}.mbar .grow{flex:1}.burger{background:transparent;border:0;cursor:pointer;width:44px;height:44px;margin-left:-10px;display:grid;place-content:center;gap:4px;padding:0}.burger span{display:block;width:19px;height:2px;border-radius:2px;background:var(--ink-on-dark)}.top{position:static;padding:13px 16px;flex-wrap:wrap;row-gap:10px}.top h1{font-size:21px}.top .grow{flex-basis:100%}.search{width:100%}.wrap{padding:16px 16px 72px}.grid:not(.grid-keep){grid-template-columns:1fr!important}.grid:not(.grid-keep):has(>.kpi){grid-template-columns:1fr 1fr!important}.grid:not(.grid-keep)>.doc{order:2}.btn{min-height:40px;padding:9px 15px}.btn.sm{min-height:34px}.nav{padding:11px 12px;font-size:14.5px}.chip{padding:8px 14px}.tab{padding:11px 13px}.doc{padding:26px 20px;border-radius:var(--radius)}.doc h1{font-size:24px}.doc .dh{flex-direction:column;gap:18px}.tot{justify-content:stretch}.tot .tt{width:100%}.stat-row{gap:18px}.toasts{right:12px;left:12px;bottom:max(12px,env(safe-area-inset-bottom));max-width:none}.mask{padding:0;place-items:end stretch}.modal{max-width:none;max-height:92vh;border-radius:16px 16px 0 0;display:flex;flex-direction:column;animation:sheet .2s ease-out}.modal .mb{overflow-y:auto;-webkit-overflow-scrolling:touch}.modal .mf{border-radius:0;padding-bottom:max(15px,env(safe-area-inset-bottom));position:sticky;bottom:0}.modal .mf .btn{flex:1;justify-content:center}@keyframes sheet{0%{transform:translateY(14px)}}.gate{padding:16px}.gate .box{padding:28px 22px}}@media(max-width:640px){.f2,.f3,.f4{grid-template-columns:1fr}input.i,select.i,textarea.i{font-size:16px}table.stacked,table.stacked tbody,table.stacked tr,table.stacked td{display:block}table.stacked thead{display:none}table.stacked tbody tr{padding:13px 15px;border-bottom:1px solid var(--line-2)}table.stacked tbody tr:last-child{border-bottom:0}table.stacked tbody td{padding:3px 0;border:0;display:flex;gap:10px;align-items:baseline}table.stacked tbody td:before{content:attr(data-label);flex:0 0 84px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;font-size:9px;line-height:1.7;color:var(--ink-3)}table.stacked tbody td:not([data-label]):before{content:none;flex:0}table.stacked tbody td:first-child{display:block;font-weight:600;font-size:14.5px;margin-bottom:6px}table.stacked tbody td:first-child:before{content:none}table.stacked tbody td.right{text-align:left}table.stacked tbody td:empty{display:none}table.stacked tbody tr.clickable:active{background:var(--panel-2)}table.stacked tbody td[colspan]{display:block;padding:0}table.stacked tbody td[colspan]:before{content:none}h1{font-size:22px}.kpi{padding:13px 14px}.kpi .v{font-size:23px}.doc{padding:20px 15px}.sparkbar{height:96px}.doc table th,.doc table td{font-size:11.5px;padding:8px 0}.doc table th:nth-child(2),.doc table td:nth-child(2){width:40px!important}.doc table th:nth-child(3),.doc table td:nth-child(3){width:62px!important}.doc table th:nth-child(4),.doc table td:nth-child(4){width:74px!important}.doc table td:first-child{word-break:break-word}.card.no-print{flex-wrap:wrap}}