:root{color-scheme:light;--paper: #F5F7F8;--sheet: #FFFFFF;--ink: #1B2A35;--ink-2: #4A5A66;--ink-3: #7B8A95;--line: #D8DEE3;--line-2: #E8ECEF;--vendor: #1F6F5C;--vendor-tint: #E3F0EC;--customer: #2B5C8A;--customer-tint: #E2ECF5;--ok: #1F6F5C;--ok-tint: #E3F0EC;--warn: #9A6412;--warn-tint: #FBF0DC;--bad: #A94438;--bad-tint: #F7E4E1;--muted-tint: #EEF1F3;--focus: #2B5C8A;--radius-s: 6px;--radius-m: 10px;--font: "Hanken Grotesk", "Segoe UI", system-ui, -apple-system, sans-serif}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--paper: #12191F;--sheet: #182129;--ink: #E6ECF0;--ink-2: #A9B6BF;--ink-3: #7D8B95;--line: #2C3943;--line-2: #222D35;--vendor: #4FB196;--vendor-tint: #1B302A;--customer: #6FA3D6;--customer-tint: #1B2836;--ok: #4FB196;--ok-tint: #1B302A;--warn: #E0A64A;--warn-tint: #33291A;--bad: #E07A6E;--bad-tint: #36211E;--muted-tint: #222D35;--focus: #6FA3D6}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 var(--font);-webkit-font-smoothing:antialiased}:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.num,td.num,th.num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}h1{font-size:1.6rem;line-height:1.2;margin:0;font-weight:700;letter-spacing:-.01em}h2{font-size:1.15rem;margin:0;font-weight:650}h3{font-size:1rem;margin:0;font-weight:650}p{margin:0}.muted{color:var(--ink-2)}.small{font-size:.85rem}a{color:var(--customer)}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100%}.nav{background:var(--sheet);border-right:1px solid var(--line);padding:20px 14px;display:flex;flex-direction:column;gap:18px;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;gap:10px;align-items:center;padding:0 8px}.brand-mark{width:30px;height:30px;border-radius:7px;background:var(--ink);color:var(--paper);display:grid;place-items:center;font-weight:700}.brand b{display:block;font-size:.95rem}.brand span{font-size:.78rem;color:var(--ink-3)}.nav-group{border-left:3px solid var(--line);padding-left:8px;display:flex;flex-direction:column;gap:2px}.nav-group.vendor{border-color:var(--vendor)}.nav-group.customer{border-color:var(--customer)}.nav-group>.gtitle{font-size:.8rem;font-weight:650;color:var(--ink-2);padding:4px 8px}.nav-group.vendor>.gtitle{color:var(--vendor)}.nav-group.customer>.gtitle{color:var(--customer)}.nav a{display:flex;justify-content:space-between;align-items:center;padding:7px 8px;border-radius:var(--radius-s);color:var(--ink);text-decoration:none;font-size:.92rem}.nav a:hover{background:var(--muted-tint)}.nav a[aria-current=page]{background:var(--muted-tint);font-weight:650}.nav-group.vendor a[aria-current=page]{background:var(--vendor-tint)}.nav-group.customer a[aria-current=page]{background:var(--customer-tint)}.nav .count{font-size:.75rem;background:var(--warn-tint);color:var(--warn);border-radius:99px;padding:0 7px;font-variant-numeric:tabular-nums}.nav-foot{margin-top:auto;font-size:.8rem;color:var(--ink-3);padding:0 8px;display:flex;flex-direction:column;gap:6px}.main{padding:28px 32px 60px;max-width:1280px;width:100%}.topbar{display:none}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;flex-wrap:wrap}.page-head .sub{margin-top:4px;color:var(--ink-2);max-width:70ch}.module-tag{display:inline-block;font-size:.78rem;font-weight:650;padding:1px 8px;border-radius:99px;margin-bottom:6px}.module-tag.vendor{background:var(--vendor-tint);color:var(--vendor)}.module-tag.customer{background:var(--customer-tint);color:var(--customer)}.panel{background:var(--sheet);border:1px solid var(--line);border-radius:var(--radius-m)}.panel-pad{padding:18px 20px}.panel+.panel,.stack>*+*{margin-top:16px}.ledger{border-top:4px solid var(--line)}.ledger.vendor{border-top-color:var(--vendor)}.ledger.customer{border-top-color:var(--customer)}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.figures{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;border-top:1px solid var(--line-2)}.figure{padding:14px 20px;border-right:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}.figure .v{font-size:1.35rem;font-weight:650;font-variant-numeric:tabular-nums}.figure .l{font-size:.84rem;color:var(--ink-2)}.figure .v.big{font-size:1.9rem}.lede{display:flex;justify-content:space-between;align-items:baseline;padding:18px 20px 14px;gap:12px;flex-wrap:wrap}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}th{text-align:left;font-weight:600;color:var(--ink-2);font-size:.82rem;padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap;background:var(--sheet);position:sticky;top:0}td{padding:10px 12px;border-bottom:1px solid var(--line-2);vertical-align:top}tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--muted-tint)}td .sub{display:block;font-size:.8rem;color:var(--ink-3)}tfoot td{font-weight:650;border-top:1px solid var(--line);border-bottom:0}.pill{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;padding:2px 9px;border-radius:99px;white-space:nowrap}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.pill.ok{background:var(--ok-tint);color:var(--ok)}.pill.warn{background:var(--warn-tint);color:var(--warn)}.pill.bad{background:var(--bad-tint);color:var(--bad)}.pill.muted{background:var(--muted-tint);color:var(--ink-2)}.pill.info{background:var(--customer-tint);color:var(--customer)}.btn{border:1px solid var(--line);background:var(--sheet);border-radius:var(--radius-s);padding:7px 14px;cursor:pointer;font-weight:600;font-size:.9rem;display:inline-flex;gap:6px;align-items:center;white-space:nowrap}.btn:hover{border-color:var(--ink-3)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--ink);border-color:var(--ink);color:var(--paper)}.btn.vendor{background:var(--vendor);border-color:var(--vendor);color:#fff}.btn.customer{background:var(--customer);border-color:var(--customer);color:#fff}.btn.danger{color:var(--bad)}.btn.small{padding:4px 10px;font-size:.82rem}.btn.link{border:0;background:none;padding:0;color:var(--customer);font-weight:600}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row.end{justify-content:flex-end}.grow{flex:1}label.field{display:flex;flex-direction:column;gap:4px;font-size:.86rem;font-weight:600;color:var(--ink-2)}label.field small{font-weight:400;color:var(--ink-3)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],select,textarea{border:1px solid var(--line);background:var(--sheet);border-radius:var(--radius-s);padding:8px 10px;min-width:0;width:100%}textarea{min-height:70px;resize:vertical}.check{display:flex;gap:8px;align-items:flex-start;font-size:.9rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.filters{display:flex;gap:8px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--line-2)}.filters select,.filters input{width:auto;min-width:150px}.dropzone{border:2px dashed var(--line);border-radius:var(--radius-m);padding:28px;text-align:center;background:var(--paper)}.dropzone.drag{border-color:var(--vendor);background:var(--vendor-tint)}.notice{border-radius:var(--radius-s);padding:10px 14px;font-size:.9rem;border:1px solid}.notice.warn{background:var(--warn-tint);border-color:color-mix(in srgb,var(--warn) 30%,transparent)}.notice.bad{background:var(--bad-tint);border-color:color-mix(in srgb,var(--bad) 30%,transparent)}.notice.ok{background:var(--ok-tint);border-color:color-mix(in srgb,var(--ok) 30%,transparent)}.notice.info{background:var(--customer-tint);border-color:color-mix(in srgb,var(--customer) 30%,transparent)}.notice ul{margin:6px 0 0;padding-left:18px}.empty{padding:36px 20px;text-align:center;color:var(--ink-2)}.empty h3{color:var(--ink);margin-bottom:6px}.evidence{margin:4px 0 0;padding-left:16px;font-size:.82rem;color:var(--ink-2)}.toast{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom,0px));right:20px;background:var(--ink);color:var(--paper);padding:10px 16px;border-radius:var(--radius-s);max-width:420px;z-index:60;font-size:.9rem}.toast.bad{background:var(--bad);color:#fff}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f161c73;display:grid;place-items:center;z-index:50;padding:16px}.dialog{background:var(--sheet);border-radius:var(--radius-m);width:min(560px,100%);max-height:90vh;overflow-y:auto;border:1px solid var(--line)}.dialog.wide{width:min(880px,100%)}.dialog header{padding:16px 20px;border-bottom:1px solid var(--line-2);display:flex;justify-content:space-between;align-items:center}.dialog .body{padding:18px 20px;display:flex;flex-direction:column;gap:14px}.dialog footer{padding:14px 20px;border-top:1px solid var(--line-2);display:flex;justify-content:flex-end;gap:8px}dl.kv{display:grid;grid-template-columns:170px 1fr;gap:6px 14px;margin:0;font-size:.9rem}dl.kv dt{color:var(--ink-2)}dl.kv dd{margin:0}.auth{min-height:100%;display:grid;place-items:center;padding:24px}.auth .card{width:min(420px,100%)}.auth .rails{display:flex;height:4px}.auth .rails i{flex:1}.auth .rails i:first-child{background:var(--vendor)}.auth .rails i:last-child{background:var(--customer)}@media (max-width: 900px){.shell{grid-template-columns:1fr}.nav{position:fixed;top:0;right:30%;bottom:0;left:0;z-index:40;transform:translate(-105%);transition:transform .2s;height:100%}.nav.open{transform:none;box-shadow:0 0 0 100vmax #0f161c66}.topbar{display:flex;position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:var(--sheet);border-bottom:1px solid var(--line);padding:10px 16px;align-items:center;gap:12px}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--sheet);z-index:31}.main{padding:18px 16px 50px}.split,dl.kv{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*{transition:none!important}}.split>.panel+.panel{margin-top:0}.figures{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.figure{min-width:0}.figure .v{font-size:clamp(1.05rem,1.5vw,1.3rem);overflow-wrap:anywhere;line-height:1.25}.figure .v.big{font-size:clamp(1.25rem,2vw,1.7rem)}@media (max-width: 900px){.figures{grid-template-columns:1fr 1fr}.figure{padding:12px 14px}.figure .v.big{font-size:1.3rem}}.figure{container-type:inline-size}.figure .v{white-space:nowrap;overflow-wrap:normal;font-size:clamp(.9rem,10cqi,1.3rem)}.figure .v.big{font-size:clamp(1rem,12.5cqi,1.7rem)}@media (max-width: 900px){.figure .v.big{font-size:clamp(1rem,12.5cqi,1.5rem)}}.ledger .figures{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.figure .v.big{font-size:clamp(1.15rem,13cqi,1.9rem)}.figure .v{font-size:clamp(1rem,9.5cqi,1.3rem)}@media (max-width: 900px){.ledger .figures{grid-template-columns:1fr 1fr}.figure .v.big{font-size:clamp(1rem,13cqi,1.5rem)}}.ageing.figures{grid-template-columns:repeat(6,minmax(0,1fr))}@media (max-width: 900px){.ageing.figures{grid-template-columns:repeat(3,minmax(0,1fr))}}a.btn{text-decoration:none}td .sub.nowrap,.nowrap{white-space:nowrap}.dialog .form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.pw{position:relative;display:block}.pw input{padding-right:42px}.pw-eye{position:absolute;right:4px;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--ink-2);padding:6px;cursor:pointer;border-radius:var(--radius-s);display:grid;place-items:center}.pw-eye:hover{color:var(--ink);background:var(--muted-tint)}