:root{--bg:#f0f4fa;--panel:#fff;--panel-2:#f6f8fc;--line:#e1e7f0;--line-2:#c9d3e2;--text:#0f1b2e;--muted:#56657c;--faint:#8d9bb0;--brand:#1d4ed8;--brand-2:#2563eb;--brand-soft:#e7eefd;--brand-ring:#2563eb38;--grad:linear-gradient(135deg, #1e3a8a 0%, #1d4ed8 55%, #3b82f6 100%);--grad-btn:linear-gradient(180deg, #2f6bf0 0%, #1d4ed8 100%);--grad-side:linear-gradient(180deg, #0c1f4d 0%, #132f72 48%, #1a46a8 100%);--accent:#a8823a;--ok:#137a3a;--ok-soft:#e5f5eb;--warn:#8f5b00;--warn-soft:#fff4dc;--err:#b42318;--err-soft:#fdecea;--gst:#1d4ed8;--gst-soft:#e9f0fe;--cash:#8a5a00;--cash-soft:#fdf3e0;--radius:12px;--shadow:0 1px 2px #0f23500d, 0 2px 8px #0f23500f;--shadow-lg:0 16px 40px #0f235033;--side-w:248px;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-feature-settings:"cv11", "ss01";color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font:15px/1.5 Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);margin:0}body{overflow-x:hidden}a{color:var(--brand-2);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{letter-spacing:-.015em;margin:0;font-weight:700}h1{font-size:25px}h2{font-size:18px}h3{font-size:16px}small{color:var(--muted)}.mono,.num,td.a-r{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.small{font-size:13px}.nowrap{white-space:nowrap}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}input,select,textarea,button{font:inherit;color:inherit}input,select,textarea{border:1px solid var(--line-2);background:#fff;border-radius:8px;width:100%;min-width:0;height:40px;padding:7px 12px;transition:border-color .12s,box-shadow .12s}textarea{resize:vertical;height:auto;min-height:64px}input[type=checkbox],input[type=radio]{width:16px;height:16px;accent-color:var(--brand);padding:0}input[type=range]{height:24px;accent-color:var(--gst);background:0 0;border:0;padding:0}input:focus,select:focus,textarea:focus{border-color:var(--brand-2);box-shadow:0 0 0 3px var(--brand-ring);outline:none}input:disabled,select:disabled,input[readonly]{background:var(--panel-2);color:var(--muted)}input.num{text-align:right}input.invalid,select.invalid{border-color:var(--err);box-shadow:0 0 0 3px #b423181f}input[type=search]{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%2398a2b3' stroke-width='2'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath d='M9.5 9.5 13 13'/%3E%3C/svg%3E") 11px no-repeat;padding-left:32px}.btn{border:1px solid var(--line-2);cursor:pointer;white-space:nowrap;height:40px;color:var(--text);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-weight:600;text-decoration:none;transition:background .12s,box-shadow .12s,transform 60ms;display:inline-flex}.btn:hover{background:var(--panel-2);text-decoration:none}.btn:disabled{opacity:.5;cursor:default}.btn:active:not(:disabled){transform:translateY(1px)}.btn.primary{background:var(--grad-btn);color:#fff;border-color:#1d4ed8;box-shadow:0 1px 2px #1d4ed84d,inset 0 1px #ffffff26}.btn.primary:hover{background:linear-gradient(#3b76f5 0%,#2257e0 100%);box-shadow:0 4px 12px #1d4ed84d}.btn.danger{color:var(--err);border-color:#f1b5ae}.btn.danger:hover{background:var(--err-soft)}.btn.ghost{background:0 0;border-color:#0000}.btn.sm{height:34px;padding:0 12px;font-size:14px}.btn.block{width:100%}.icon-btn{cursor:pointer;width:36px;height:36px;color:var(--muted);background:0 0;border:0;border-radius:8px;font-size:18px}.icon-btn:hover{background:var(--panel-2);color:var(--text)}.link-btn{color:var(--brand-2);cursor:pointer;font:inherit;background:0 0;border:0;padding:0}.link-btn:hover{text-decoration:underline}.field{flex-direction:column;gap:4px;min-width:0;display:flex}.field-label{color:#2b3a52;font-size:13.5px;font-weight:600}.req{color:var(--err);margin-left:2px}.field-msg{color:var(--muted);font-size:13px}.field-msg.err{color:var(--err)}.field-msg.warn{color:var(--warn)}.check{cursor:pointer;align-items:center;gap:8px;font-weight:500;display:inline-flex}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;display:grid}.grid.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.span-all{grid-column:1/-1}.section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:18px 0 8px;font-size:12.5px;font-weight:700}.seg{border:1px solid var(--line-2);border-radius:8px;flex:none;display:inline-flex;overflow:hidden}.seg button{cursor:pointer;height:38px;color:var(--muted);background:#fff;border:0;padding:0 12px;font-weight:600}.seg button.on{background:var(--grad-btn);color:#fff}.inline{align-items:center;gap:8px;display:flex}.login{height:100vh;background:#f4f7fd;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.login-brand{color:#fff;background:radial-gradient(700px 420px at 15% 0%, #60a5fa80, transparent 60%), radial-gradient(600px 400px at 100% 100%, #818cf873, transparent 60%), var(--grad-side);flex-direction:column;justify-content:space-between;gap:20px;min-height:0;padding:36px 48px;display:flex;position:relative;overflow:clip}.login-brand:before,.login-brand:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.login-brand:before{border:1px solid #ffffff1f;width:420px;height:420px;top:-120px;right:-140px;box-shadow:0 0 0 60px #ffffff08,0 0 0 120px #ffffff05}.login-brand:after{background:#ffffff0d;width:260px;height:260px;bottom:-90px;left:-90px}.login-dots{pointer-events:none;opacity:.35;background-image:radial-gradient(#ffffff59 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 30% 70%,#0000);mask-image:linear-gradient(#0000,#000 30% 70%,#0000)}.login-brand>*{z-index:1;position:relative}.brand-lg.light b{color:#fff}.brand-lg.light small{color:#a9c0ef}.brand-lg.light .logo{background:#ffffff26;box-shadow:inset 0 0 0 1px #ffffff47}.login-headline{letter-spacing:-.02em;max-width:520px;font-size:38px;font-weight:750;line-height:1.15}.login-headline span{background:linear-gradient(90deg,#bcd4ff,#fff);color:#0000;-webkit-background-clip:text;background-clip:text}.login-preview{flex-direction:column;gap:12px;width:100%;max-width:460px;margin:0 auto;animation:7s ease-in-out infinite floaty;display:flex}.pv-card{color:var(--text);background:#fffffff7;border-radius:16px;box-shadow:0 22px 50px #030c2861}.pv-main{flex-direction:column;gap:10px;padding:18px 20px;display:flex}.pv-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.pv-head b{font-size:16px;display:block}.pv-head small{color:var(--muted);font-size:12.5px}.pv-badge{background:var(--brand-soft);color:var(--brand);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.pv-line{font-variant-numeric:tabular-nums;justify-content:space-between;gap:10px;font-size:14px;display:flex}.pv-line b{font-size:18px}.pv-line.muted{color:var(--muted);font-size:13px}.pv-split{grid-template-columns:1fr 1fr;gap:10px;margin-top:2px;display:grid}.pv-box{border-radius:12px;padding:10px 12px}.pv-box small{text-transform:uppercase;letter-spacing:.04em;font-size:11.5px;font-weight:700;display:block}.pv-box b{font-variant-numeric:tabular-nums;font-size:20px}.pv-box.gst{background:var(--grad);color:#fff}.pv-box.gst small{color:#ffffffd9}.pv-box.cash{background:var(--cash-soft);color:var(--cash)}.pv-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pv-mini{align-items:center;gap:10px;padding:12px 14px;display:flex}.pv-mini small{color:var(--muted);font-size:12px;font-weight:600;display:block}.pv-mini b{font-variant-numeric:tabular-nums;font-size:17px}.fc-ic{background:var(--brand-soft);width:34px;height:34px;color:var(--brand);border-radius:10px;flex:none;place-items:center;font-weight:800;display:grid}.fc-ic.ok{background:var(--ok-soft);color:var(--ok)}.fc-bar{background:#eef0f3;border-radius:4px;height:8px;display:flex;overflow:hidden}.fc-bar i:first-child{background:var(--grad-btn)}.fc-bar i:last-child{background:#e0b25b}.dot{vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.dot.gst{background:var(--brand-2)}.dot.cash{background:#e0b25b}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.login-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:620px;margin:0;padding:0;list-style:none;display:grid}.login-lead{color:#b9cbef;max-width:480px;margin:12px 0 0;font-size:16px}.login-features li{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff12;border:1px solid #ffffff1f;border-radius:12px;align-items:flex-start;gap:14px;padding:18px;display:flex}.lf-ic{color:#fff;background:#ffffff24;border-radius:10px;flex:none;place-items:center;width:42px;height:42px;display:grid}.login-features b{font-size:15.5px;display:block}.login-features small{color:#b9cbef;margin-top:2px;font-size:13px;display:block}.login-side{background:radial-gradient(500px 300px at 100% 0,#e3ecff,#0000 70%),#f4f7fd;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:0;padding:24px;display:flex}.login-card{border:1px solid var(--line);background:#fff;border-radius:18px;flex-direction:column;gap:18px;width:100%;max-width:420px;padding:36px 34px;display:flex;box-shadow:0 20px 50px #0f23501f}.login-title{font-size:26px}.login-sub{color:var(--muted);margin:6px 0 0}.input-ic{display:block;position:relative}.input-ic>svg{color:var(--faint);pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.input-ic input{height:46px;padding-left:42px;font-size:15px}.input-ic:focus-within>svg{color:var(--brand)}.pw-toggle{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.pw-toggle:hover{background:var(--panel-2);color:var(--text)}.input-ic input[type=password],.input-ic input[autocomplete=current-password]{padding-right:46px}.btn.lg{border-radius:10px;height:48px;font-size:16px}.login-foot{color:var(--faint);font-size:13px}.brand-lg.mobile-only{display:none}.brand-lg{align-items:center;gap:12px;display:flex}.brand-lg b{font-size:20px;display:block}.brand-lg small{display:block}@media (max-width:1100px){.login-brand{padding:30px 32px}.login-features{grid-template-columns:minmax(0,1fr)}.login-headline{font-size:28px}}@media (max-height:600px){.login-features{display:none}}@media (max-width:860px){.login{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.login-brand{justify-content:flex-start;gap:0;padding:22px 20px 44px}.login-brand .brand-lg,.login-features,.login-preview{display:none}.login-headline{font-size:22px}.login-side{z-index:2;background:0 0;justify-content:flex-start;margin-top:-28px;padding:0 16px 16px;position:relative}.login-card{gap:14px;padding:24px 22px}.login-title{font-size:22px}.brand-lg.mobile-only{display:flex}}@media (prefers-reduced-motion:reduce){.login-preview{animation:none}}.logo{color:#fff;letter-spacing:.04em;background:linear-gradient(135deg,#60a5fa,#1d4ed8 70%);border-radius:10px;flex:none;place-items:center;width:40px;height:40px;font-size:13px;font-weight:800;display:inline-grid;box-shadow:0 4px 12px #1d4ed859,inset 0 1px #ffffff4d}.boot{padding:40px}.shell{min-height:100vh;display:flex}.side{width:var(--side-w);background:var(--grad-side);color:#c8d6f2;scrollbar-width:thin;flex:none;height:100vh;position:sticky;top:0;overflow-y:auto}.brand{color:#fff;border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;padding:18px 18px 16px;font-weight:700;display:flex}.brand-name{font-size:15.5px;line-height:1.2}.brand-name small{color:#9fb6e6;margin-top:2px;font-size:12px;font-weight:500;display:block}.brand .logo{background:#ffffff24;box-shadow:inset 0 0 0 1px #ffffff38}.side nav{padding:10px 10px 28px}.nav-group{margin-top:6px}.nav-head{text-transform:uppercase;letter-spacing:.09em;color:#8fa7d6;padding:14px 12px 6px;font-size:11.5px;font-weight:700}.side nav a{color:#dbe5f8;border-radius:9px;align-items:center;gap:11px;padding:9px 12px;font-size:14.5px;font-weight:500;transition:background .12s,color .12s;display:flex}.side nav a .nav-ic{opacity:.75;flex:none}.side nav a:hover{color:#fff;background:#ffffff17;text-decoration:none}.side nav a.active{color:#133a94;background:#fffffff2;font-weight:650;box-shadow:0 4px 14px #0000002e}.side nav a.active .nav-ic{opacity:1;color:var(--brand)}.main{flex-direction:column;flex:1;min-width:0;display:flex}.top{-webkit-backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--line);z-index:20;background:#ffffffe0;align-items:center;gap:12px;height:62px;padding:0 28px;display:flex;position:sticky;top:0}.top-title{color:#16305f;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:16px;font-weight:650;overflow:hidden}.top-user{align-items:center;gap:10px;display:flex}.avatar{background:var(--grad);color:#fff;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:inline-grid}.who{font-size:14px;font-weight:600;line-height:1.2}.who small{font-weight:400;display:block}.menu-btn,.side-back{display:none}.content{width:100%;max-width:1480px;padding:26px 32px 56px}.page-loading{flex-direction:column;gap:12px;padding:8px 0;display:flex}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:20px;display:flex}.page-title{min-width:0}.page-sub{color:var(--muted);margin-top:4px;font-size:14.5px}.page-actions{flex-wrap:wrap;gap:8px;display:flex}.back-link{margin-bottom:4px;font-size:14px;display:inline-block}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.toolbar .search{width:320px}.toolbar select,.toolbar input[type=date],.toolbar input[type=month]{width:auto}.toolbar .grow{flex:1}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.card+.card{margin-top:16px}.card-title{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.cols{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:16px;display:grid}.stack>*+*{margin-top:16px}.cols>*,.stack>*{min-width:0}.form-cols{grid-template-columns:minmax(0,1fr)}.form-cols>:last-child{justify-self:end;width:100%;max-width:600px}@media (min-width:1560px){.form-cols{grid-template-columns:minmax(0,1fr) 420px}.form-cols>:last-child{max-width:none}}.table-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}table.dt{table-layout:fixed;border-collapse:collapse;width:100%}.dt th{text-align:left;color:#3f5070;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--line);white-space:nowrap;text-overflow:ellipsis;background:#f3f6fc;padding:12px 14px;font-size:12.5px;font-weight:700;position:sticky;top:0;overflow:hidden}.dt td{vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #edf1f7;padding:13px 14px;font-size:14.5px;overflow:hidden}.dt.compact td{padding:9px 12px}.dt td.wrap{white-space:normal}.dt tbody tr:last-child td{border-bottom:0}.dt tr.clickable{cursor:pointer}.dt tbody tr:hover td{background:#f3f7ff}.dt tbody.is-loading{opacity:.55;transition:opacity .15s}.dt tfoot td{background:var(--panel-2);border-top:1px solid var(--line);border-bottom:0;font-weight:700}.dt tr.dim td{color:var(--faint)}.dt tr.neg td{color:var(--err)}.a-r{text-align:right!important}.a-c{text-align:center!important}.empty-row td{white-space:normal!important;padding:0!important}.empty-row:hover td{background:#fff!important}.sk{background:linear-gradient(90deg,#eceff3 25%,#f5f6f8 50%,#eceff3 75%) 0 0/200% 100%;border-radius:4px;width:80%;height:12px;animation:1.2s linear infinite sk;display:block}@keyframes sk{to{background-position:-200% 0}}.pager{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;font-size:14px;display:flex}.pager-btns{gap:6px;display:flex}.empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:8px;padding:36px 16px;display:flex}.empty-title{color:var(--text);font-size:16.5px;font-weight:650}.lines{table-layout:fixed;border-collapse:collapse;width:100%}.lines th{text-align:left;color:#4a5567;border-bottom:1px solid var(--line);background:var(--panel-2);white-space:nowrap;padding:8px 6px;font-size:12.5px;font-weight:650}.lines td{vertical-align:top;border-bottom:1px solid #eef0f3;padding:6px}.lines td.calc{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;padding-top:14px}.lines input,.lines select{height:38px}.lines .sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:12.5px;overflow:hidden}.lines .sub.low{color:var(--err)}.lines-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 0 0;display:flex}.badge{color:#4a5567;white-space:nowrap;background:#eef0f3;border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:650;display:inline-block}.b-open,.b-received,.b-draft{background:var(--brand-soft);color:var(--brand)}.b-partial,.b-part_paid{background:var(--warn-soft);color:var(--warn)}.b-closed,.b-paid,.b-billed,.b-finalised,.b-active,.b-issued{background:var(--ok-soft);color:var(--ok)}.b-cancelled,.b-inactive,.b-overdue{background:var(--err-soft);color:var(--err)}.b-gst{background:var(--gst-soft);color:var(--gst)}.b-no_gst{background:var(--cash-soft);color:var(--cash)}.alert{border:1px solid;border-radius:10px;flex-direction:column;align-items:flex-start;gap:6px;padding:12px 14px;font-size:14.5px;display:flex}.alert.err{background:var(--err-soft);color:#7a1b13;border-color:#f4c7c1}.alert.warn{background:var(--warn-soft);color:#6b4500;border-color:#f2d9a6}.alert.info{background:var(--brand-soft);color:#23406f;border-color:#c9d6ec}.drawer-back,.modal-back{z-index:50;background:#10182861;justify-content:flex-end;animation:.12s ease-out fade;display:flex;position:fixed;inset:0}.drawer{width:min(560px,100vw);height:100%;box-shadow:var(--shadow-lg);background:#fff;flex-direction:column;animation:.16s ease-out slide;display:flex}.drawer.wide{width:min(820px,100vw)}.drawer-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.drawer-body{flex:1;padding:22px;overflow-y:auto}.drawer-foot{border-top:1px solid var(--line);background:var(--panel-2);flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.modal-back{z-index:60;justify-content:center;align-items:center;padding:16px}.modal{width:min(460px,100%);box-shadow:var(--shadow-lg);background:#fff;border-radius:14px;flex-direction:column;gap:12px;padding:24px;display:flex}.modal p{color:#3b4555;margin:0}.modal-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}@keyframes fade{0%{opacity:0}}@keyframes slide{0%{opacity:.6;transform:translate(24px)}}.toasts{z-index:80;flex-direction:column;gap:8px;max-width:min(420px,100vw - 32px);display:flex;position:fixed;bottom:16px;right:16px}.toast{color:#fff;box-shadow:var(--shadow-lg);cursor:pointer;background:#13284f;border-radius:10px;padding:12px 16px;font-size:14.5px;animation:.15s fade}.toast.success{background:#155d34}.toast.error{background:#9b1c12}.toast-details{opacity:.85;margin-top:2px;font-size:12px}.picker{min-width:0;position:relative}.picker-list{z-index:70;border:1px solid var(--line-2);box-shadow:var(--shadow-lg);background:#fff;border-radius:8px;max-height:280px;margin:0;padding:4px;list-style:none;position:fixed;overflow-y:auto}.picker-list li{cursor:pointer;border-radius:7px;padding:9px 12px;font-size:14.5px}.picker-list li.active{background:var(--brand-soft)}.picker-list .picker-msg{color:var(--muted);cursor:default}.opt-main{justify-content:space-between;gap:10px;display:flex}.opt-main b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.opt-sub{color:var(--muted);flex-wrap:wrap;gap:10px;font-size:13px;display:flex}.kv{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px 18px;margin:0;display:grid}.kv dt{color:var(--muted);font-size:13px}.kv dd{overflow-wrap:anywhere;margin:3px 0 0;font-size:15px;font-weight:600}.split{box-shadow:var(--shadow);background:linear-gradient(#f7faff,#fff);border:1px solid #c7d6f5;border-radius:14px;padding:18px}.split-row{justify-content:space-between;align-items:baseline;gap:10px;padding:4px 0;display:flex}.split-row.head{border-bottom:1px dashed var(--line-2);padding-bottom:10px;font-size:15px}.split-row.grand{border-top:1px solid var(--line-2);margin-top:4px;padding-top:8px;font-size:20px;font-weight:750}.split-controls{border-bottom:1px dashed var(--line-2);grid-template-columns:1fr;gap:8px;padding:12px 0;display:grid}.split-label{color:var(--gst);font-size:14px;font-weight:700}.split-field{align-items:center;gap:10px;display:flex}.split-field span{white-space:nowrap;min-width:108px;font-weight:600}.split-field input{height:40px;font-size:16px;font-weight:650}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{color:var(--gst);cursor:pointer;background:#fff;border:1px solid #c7d6f5;border-radius:999px;height:34px;padding:0 14px;font-size:14px;font-weight:600}.chip.on{background:var(--grad-btn);color:#fff;border-color:var(--gst)}.chip:disabled{opacity:.45;cursor:default}.split-pct{align-items:center;gap:8px;display:flex}.split-pct input[type=range]{flex:1}.split-pct .num{flex:none;width:72px}.split-note{color:var(--cash);padding-top:8px;font-size:12.5px}.split-err{color:var(--err);padding-top:8px;font-size:13px;font-weight:600}.split-lines{padding-top:8px}.split-boxes{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.split-box{border-radius:12px;padding:14px 16px}.split-box.gst{background:var(--grad);color:#fff;border:0;box-shadow:0 6px 18px #1d4ed847}.split-box.cash{background:var(--cash-soft);color:var(--cash);border:1px solid #f0dcb4}.sb-label{text-transform:uppercase;letter-spacing:.04em;font-size:12.5px;font-weight:700}.sb-amt{font-variant-numeric:tabular-nums;margin-top:2px;font-size:24px;font-weight:800}.sb-sub{opacity:.85;font-size:13px}.totals{gap:6px;display:grid}.totals .row{justify-content:space-between;gap:10px;display:flex}.totals .row.grand{border-top:1px solid var(--line);padding-top:8px;font-size:19px;font-weight:750}.form-foot{z-index:5;background:linear-gradient(transparent, var(--bg) 30%);flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:16px;padding:12px 0;display:flex;position:sticky;bottom:0}.hint-keys{color:var(--faint);align-self:center;margin-right:auto;font-size:13px}.tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.tile{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;min-width:0;padding:18px 20px;position:relative;overflow:hidden}.tile:before{content:"";background:var(--grad);width:4px;position:absolute;top:0;bottom:0;left:0}.tile.hero{background:var(--grad);color:#fff;border:0;box-shadow:0 10px 28px #1d4ed84d}.tile.hero:before{display:none}.tile.hero:after{content:"";background:#ffffff1a;border-radius:50%;width:160px;height:160px;position:absolute;top:-40px;right:-40px}.tile.hero .tile-label,.tile.hero .tile-sub,.tile.hero .tile-sub b{color:#ffffffe6}.tile-link{color:inherit;min-width:0;text-decoration:none;display:block}.tile-link:hover{text-decoration:none}.tile-link .tile{height:100%;transition:transform .15s,box-shadow .15s}.tile-link:hover .tile{transform:translateY(-2px);box-shadow:0 10px 24px #0f23501f}.tile-link:hover .tile.hero{box-shadow:0 14px 32px #1d4ed861}.tile-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12.5px;font-weight:600}.tile-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:28px;font-weight:750;overflow:hidden}.tile-sub{color:var(--muted);margin-top:4px;font-size:13.5px}.tile-sub b{color:var(--text);font-weight:600}.tile.warn .tile-value{color:var(--err)}.quick{flex-wrap:wrap;gap:8px;display:flex}.bars{background:#eef0f3;border-radius:4px;height:10px;margin-top:8px;display:flex;overflow:hidden}.bars span:first-child{background:var(--gst)}.bars span:last-child{background:#e0b25b}.legend{color:var(--muted);flex-wrap:wrap;gap:12px;margin-top:6px;font-size:13px;display:flex}.legend i{border-radius:2px;width:8px;height:8px;margin-right:4px;display:inline-block}.chips-row{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.stat-chip{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:10px;padding:10px 14px}.stat-chip small{font-size:12.5px;display:block}.stat-chip b{font-variant-numeric:tabular-nums}.tabs{border-bottom:1px solid var(--line);gap:2px;margin-bottom:16px;display:flex;overflow-x:auto}.tabs a,.tabs button{color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:11px 16px;font-size:14.5px;font-weight:600}.tabs a.active,.tabs button.on{color:var(--brand);border-bottom-color:var(--brand);text-decoration:none}@media (max-width:1100px){.cols{grid-template-columns:minmax(0,1fr)}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.side{z-index:40;transition:transform .18s ease-out;position:fixed;top:0;left:0;transform:translate(-100%)}.nav-open .side{box-shadow:var(--shadow-lg);transform:none}.nav-open .side-back{z-index:35;background:#1018284d;display:block;position:fixed;inset:0}.menu-btn{display:inline-block}.content{padding:18px 16px 48px}.top{height:56px;padding:0 12px}}@media (max-width:640px){.grid,.grid.g3,.grid.g4{grid-template-columns:minmax(0,1fr)}.span-2,.span-3{grid-column:auto}.tiles{grid-template-columns:minmax(0,1fr)}.toolbar .search{width:100%}.toolbar>*{flex:140px}.who{display:none}.split-boxes{grid-template-columns:1fr}.split-field span{min-width:0}h1{font-size:21px}.tile-value{font-size:24px}.avatar{display:none}.page-actions{width:100%}}.print-only{display:none}@media print{.side,.top,.toolbar,.page-actions,.pager,.no-print,.toasts{display:none!important}.content{padding:0}.print-only{margin-bottom:8px;font-size:12px;display:block}.chips-row .stat-chip{box-shadow:none}body,html{background:#fff}.table-card{box-shadow:none;border:0}.table-wrap{overflow:visible}table.dt{font-size:11px;min-width:0!important}.dt td,.dt th{white-space:normal;padding:5px 6px}}.list-print{display:none}@media print{body.printing-list>:not(.list-print){display:none!important}body.printing-list .list-print{padding:0;display:block}.list-print h2{margin:0 0 2px;font-size:16px}.list-print table.dt{border-collapse:collapse;width:100%}.list-print .dt th,.list-print .dt td{text-align:left;border-bottom:1px solid #ddd}.list-print .dt .a-r{text-align:right}}.line-desc{width:100%;height:30px;min-height:0;margin-top:4px;padding:3px 8px;font-size:13px}.record-history{border-top:1px solid var(--line);color:var(--muted,#6b7280);flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin-top:16px;padding:10px 12px;font-size:13px;display:flex}.record-history ul{flex-basis:100%;margin:4px 0 0;padding-left:18px}.record-history li{margin:2px 0}.pend-lanes{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.pend-lane{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:6px;min-width:0;padding:14px;display:flex}.pend-lane-head{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:2px 4px 4px;font-size:12.5px;font-weight:700;color:var(--brand)!important}.pend-step{color:inherit;border:1px solid #0000;border-radius:6px;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:2px 10px;padding:8px;display:grid;position:relative}a.pend-step:hover{background:var(--brand-soft);border-color:#c9d6ec;text-decoration:none}.pend-step+.pend-step:before{content:"↓";color:var(--faint);font-size:11px;position:absolute;top:-12px;left:23px}.pend-n{text-align:center;font-variant-numeric:tabular-nums;color:var(--brand);grid-row:span 2;font-size:26px;font-weight:750}.pend-label{font-size:14.5px;font-weight:600;line-height:1.25}.pend-amt{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.pend-step.zero .pend-n{color:var(--faint)}.pend-step.zero .pend-label{color:var(--muted);font-weight:500}.pend-step.alert .pend-n{color:var(--err)}.pend-step.nolink{cursor:default}@media (max-width:1100px){.pend-lanes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.pend-lanes{grid-template-columns:minmax(0,1fr)}}.guide{flex-direction:column;gap:18px;display:flex}.flow{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px;padding:14px 16px 16px}.flow-title{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.flow-title h2{font-size:18px}.flow-title span{color:var(--muted);font-size:14px}.flow-row{align-items:stretch;gap:0;display:flex}.flow-arrow{width:26px;color:var(--brand-2);flex:none;place-items:center;font-size:18px;font-weight:700;display:grid}.flow-box{border:1px solid var(--line-2);background:var(--panel-2);min-width:0;color:inherit;border-radius:8px;flex-direction:column;flex:1 1 0;gap:4px;padding:10px 11px;display:flex;position:relative}a.flow-box:hover{border-color:var(--brand-2);background:var(--brand-soft);text-decoration:none}.flow-box.locked{opacity:.7}.flow-box b{font-size:15px}.flow-box p{color:var(--muted);margin:0;font-size:13.5px;line-height:1.35}.flow-box .fb-n{background:var(--brand-soft);color:var(--brand);border-radius:999px;align-self:flex-start;margin-top:auto;padding:2px 8px;font-size:12.5px;font-weight:700}.flow-box .fb-n.alert{background:var(--err-soft);color:var(--err)}.flow-box .fb-n.none{background:var(--ok-soft);color:var(--ok)}.flow-box .fb-lock{color:var(--faint);font-size:11px}.flow-box.gst{background:var(--gst-soft);border-color:#c9d6ec}.flow-fork{flex-direction:column;flex:1 1 0;gap:8px;min-width:0;display:flex}.flow-fork .flow-box{flex:auto}.flow-link{text-align:center;color:var(--muted);padding:6px 0 0;font-size:12px}.flow-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.split-example{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.split-example table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.split-example td{border-bottom:1px solid #eef0f3;padding:5px 4px}.split-example td:last-child{text-align:right}.split-example tr.total td{border-top:1px solid var(--line-2);font-weight:750}.split-example ol{gap:6px;margin:0;padding-left:20px;display:grid}@media (max-width:760px){.flow-row{flex-direction:column}.flow-arrow{width:auto;height:22px;transform:rotate(90deg)}.flow-grid,.split-example{grid-template-columns:minmax(0,1fr)}}.stmt-head{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.stmt-age{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.stmt-age .stat-chip{min-width:0}.dt tr.sub-row td{background:var(--panel-2);font-weight:650}@media (max-width:900px){.stmt-age{grid-template-columns:repeat(2,minmax(0,1fr))}.stmt-head{grid-template-columns:minmax(0,1fr)}}.sel-bar{background:var(--brand-soft);border:1px solid #c7d6f5;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;padding:10px 12px;font-size:14px;display:flex}td .row-check{vertical-align:middle;margin:0}.overdue-list{border-collapse:collapse;width:100%;font-size:13px}.overdue-list td{padding:3px 6px 3px 0}.overdue-list td.r{text-align:right;font-variant-numeric:tabular-nums}.flow-box .fb-n,.flow-box .fb-lock{z-index:1;position:relative}.roles{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:16px;display:grid}.roles-list{flex-direction:column;gap:6px;display:flex;position:sticky;top:68px}.roles-list-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px;display:flex}.role-item{text-align:left;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);cursor:pointer;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:9px 12px;display:flex}.role-item:hover{border-color:var(--line-2);background:var(--panel-2)}.role-item.on{border-color:var(--brand-2);background:var(--brand-soft);box-shadow:inset 3px 0 0 var(--brand)}.role-item-name{align-items:center;gap:6px;min-width:0;font-weight:650;display:flex}.role-item-sub{color:var(--muted);font-size:13px}.roles-edit{flex-direction:column;gap:14px;min-width:0;scroll-margin-top:64px;display:flex}.roles-title{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.roles-note{flex-direction:row}.perm-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.perm-group{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);min-width:0;margin:0;padding:4px 12px 8px}.perm-group[disabled]{opacity:.85}.perm-group-head{float:left;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;width:100%;margin-bottom:4px;padding:8px 0 6px;display:flex}.perm-group-head+*{clear:both}.perm-group-name{font-weight:700}.perm-row{cursor:pointer;align-items:flex-start;gap:10px;padding:6px 0;display:flex}.perm-row input{flex:none;margin-top:2px}.perm-group[disabled] .perm-row,.perm-group[disabled] .check{cursor:default}.perm-label{font-weight:550;display:block}.perm-help{color:var(--muted);font-size:13px;display:block}.roles-foot{border-top:1px solid var(--line);background:var(--panel);flex-wrap:wrap;align-items:center;gap:8px;padding-top:12px;display:flex;position:sticky;bottom:0}.roles-foot .grow{flex:1}@media (max-width:1100px){.perm-groups{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){.roles{grid-template-columns:minmax(0,1fr)}.roles-list{position:static}.roles-foot .btn{flex:auto}}