:root{--color-canvas:#f4f8f6;--color-surface:#fff;--color-surface-subtle:#f1f7f4;--color-text:#142d2c;--color-text-muted:#5c6f6c;--color-border:#dce8e3;--color-border-strong:#a9beb6;--color-accent:#105d52;--color-accent-hover:#0c5248;--color-accent-active:#08483f;--color-success:#19594e;--color-warning:#a15b16;--color-danger:#892f24;--radius-sm:10px;--radius-md:14px;--radius-lg:22px;--shadow-surface:0 16px 42px #133d3410,0 2px 8px #133d3408;--shadow-floating:0 8px 24px #19352f26;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--color-text);background:var(--color-canvas);font-synthesis:none;line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;min-height:46px;border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-accent-active);border-radius:var(--radius-sm);padding:10px 16px;font-weight:650;line-height:1.25}button:not(:disabled):hover{background:var(--color-surface-subtle);border-color:var(--color-accent)}button:not(:disabled):active{background:#e8f0ea;border-color:var(--color-accent-active)}button:disabled{opacity:.55;cursor:not-allowed}main[aria-busy=true] button:disabled{cursor:progress}a{color:inherit}header{min-height:76px;max-width:876px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 28px}header span{font-size:14px;max-width:50%;overflow-wrap:anywhere;color:var(--color-text-muted);font-weight:600;text-align:right;line-height:1.35}.operator-nav{max-width:820px;margin:0 auto;display:flex;gap:8px;padding:0 4px}.operator-nav a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:50px;flex:1;border:1px solid var(--color-border);border-radius:var(--radius-sm);text-decoration:none;font-size:14px;font-weight:700;background:var(--color-surface);color:var(--color-text-muted)}.operator-nav a:hover{background:var(--color-surface-subtle);border-color:var(--color-border-strong);color:var(--color-accent)}.operator-nav a:active{background:#e8f0ea}.operator-nav a[aria-current=page],.operator-nav a[aria-current=page]:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.operator-nav a[aria-current=page]:active{background:var(--color-accent-active)}.ui-icon{width:19px;height:19px;flex:none;vertical-align:middle}.operator-nav .ui-icon{width:20px;height:20px}.brand{text-decoration:none;letter-spacing:.13em;font-size:14px;white-space:nowrap;color:var(--color-accent-active)}.brand strong{font-weight:800}main{max-width:620px;margin:22px auto 0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-surface)}h1{font-size:30px;line-height:1.18;margin:4px 0 24px;letter-spacing:-.035em;font-weight:780}p{color:var(--color-text-muted)}.eyebrow{font-size:12px;letter-spacing:.12em;color:var(--color-accent);font-weight:750;margin:0 0 8px}.heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tag{font-size:12px;white-space:nowrap;border:1px solid var(--color-border);border-radius:20px;padding:5px 9px;margin-top:3px}fieldset{border:0;padding:0;margin:0;min-width:0}label{display:block;font-size:14px;font-weight:700;color:var(--color-text);margin:14px 0 6px}input,select,textarea{width:100%;min-height:50px;padding:11px 14px;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);line-height:1.35}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--color-accent)}input:focus,select:focus,textarea:focus{border-color:var(--color-accent);background:#fff}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--color-danger)}input:disabled,select:disabled,textarea:disabled{opacity:.65;cursor:not-allowed;background:var(--color-surface-subtle)}select{padding-right:28px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#718178;opacity:1}small,.hint{display:block;font-size:13px;color:var(--color-text-muted);margin:5px 0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #388f78;outline-offset:3px}.mode{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:#edf2ed;border-radius:var(--radius-md)}.mode button{border:0;background:transparent;padding:9px 5px;font-size:13px;white-space:nowrap;min-width:0;color:var(--color-text-muted)}.mode button:not(:disabled):hover{background:#e0eae1}.mode [aria-pressed=true]{background:var(--color-surface);color:var(--color-accent-active);box-shadow:0 1px 4px #102e2220,inset 0 0 0 1px var(--color-border-strong);font-weight:750}.mode [aria-pressed=true]:not(:disabled):hover{background:var(--color-surface)}.amount-entry{padding:8px 0 6px}#amount{font-size:32px;font-weight:750;letter-spacing:-.02em;height:64px}#sale-form .amount-entry label{margin-top:14px}#sale-form .amount-entry input{border-color:var(--color-border-strong)}#sale-form .amount-entry input:focus{border-color:var(--color-accent)}#expense-amount{font-size:32px;font-weight:750;letter-spacing:-.02em;height:64px}#expense-form .amount-entry input{border-color:var(--color-border-strong)}#expense-form .amount-entry input:focus{border-color:var(--color-accent)}input[inputmode=decimal],input[inputmode=numeric],#amount,#total,.line-total,.balance strong,.outstanding dd,.summary-metrics dd,.report-metrics dd,.report-current-balance strong,.history-top strong:last-child{font-variant-numeric:tabular-nums}.payment{border-top:1px solid #e2e7e0;margin-top:14px;padding-top:2px}.customer-heading,.line-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.customer-heading label,.line-head label{margin:8px 0}.text-button{border:0;background:transparent;font-size:13px;padding:8px;color:var(--color-accent)}.text-button:not(:disabled):hover{background:var(--color-surface-subtle)}.save-area{margin-top:24px;padding-top:18px;border-top:1px solid #dbe4db}.save-area>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px;margin-bottom:14px;font-size:14px}#total{font-size:25px;font-weight:750;letter-spacing:-.02em}.primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent);min-height:54px;box-shadow:0 5px 12px #105d5218}.primary:not(:disabled):hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.primary:not(:disabled):active{background:var(--color-accent-active);border-color:var(--color-accent-active)}#save,#another-sale,#expense-save,#another-expense,#setup .primary{width:100%}#setup .primary{margin-top:24px}footer{padding:22px 16px;font-size:11px;text-align:center;color:var(--color-text-muted)}#feedback:not(:empty){padding:12px 14px;margin-bottom:16px;color:#812d1e;background:#fff1e8;border:1px solid #d99578;border-radius:9px;font-size:14px}#feedback:empty{display:none}.line{margin-top:16px;border-bottom:1px solid #dbe4db;padding-bottom:12px}.line-values{display:grid;grid-template-columns:1fr 1.5fr;gap:12px}.line-total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;text-align:right;font-weight:700;margin-top:10px;font-variant-numeric:tabular-nums}.line-total:before{content:"Jumlah baris";color:var(--color-text-muted);font-size:13px;font-weight:500}#sale-form .line-head .text-button{min-height:44px}#sale-form .payment{border-color:var(--color-border)}#sale-form .payment>label{margin-top:14px}#sale-form .payment[data-settlement=CREDIT] #customer-help,#sale-form .payment[data-settlement=PARTIAL] #customer-help{padding:6px 8px;border-left:2px solid var(--color-border-strong);background:var(--color-surface-subtle)}.actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-top:16px}.result{text-align:center}.result h1{margin:12px 0}.result h1:focus{outline:none}.success-mark{display:inline-grid;place-items:center;background:#e4f1e5;color:#19594e;width:52px;height:52px;border-radius:50%;font-size:26px;margin-bottom:16px}.status{font-weight:750;color:#19594e}.sale-result .status{display:inline-block;margin:2px 0 0;padding:4px 10px;border-radius:99px;background:var(--color-surface-subtle);color:var(--color-text);font-size:13px}.sale-result[data-settlement=PAID] .status{color:var(--color-success);background:#e8f4ec}.sale-result .result-main-value dd,.expense-result .result-main-value dd,.repayment-result #repayment-paid{font-size:25px;letter-spacing:-.025em;color:var(--color-text)}.sale-result .outstanding{font-size:inherit}.sale-result[data-settlement=UNPAID] .outstanding dd,.sale-result[data-settlement=PARTIALLY_PAID] .outstanding dd{font-size:20px}dl{text-align:left;margin:24px 0}dl>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #e1e7df}dt{color:#506158;font-size:14px}dd{margin:0;font-weight:700;text-align:right;overflow-wrap:anywhere;max-width:60%;font-variant-numeric:tabular-nums}.outstanding{font-size:22px}.outstanding dt{font-weight:700;color:#19352f}.receipt-items{list-style:none;padding:0;font-size:14px;text-align:left}.receipt-items li{display:flex;justify-content:space-between;gap:12px;padding:6px 0}.receipt-items span{white-space:nowrap}.receivables h2,.repayment-result h2{font-size:18px;margin:24px 0 10px}.customer-list,.obligation-list{list-style:none;padding:0;margin:16px 0}.customer-list li,.obligation-list li{border-bottom:1px solid #e1e7df}.customer-list a{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:12px 4px;text-decoration:none;border-radius:var(--radius-sm)}.customer-list a:hover{background:var(--color-surface-subtle)}.customer-list a strong{min-width:0;overflow-wrap:anywhere;font-weight:700}.customer-list span{font-weight:750;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--color-text)}.obligation-list li{display:flex;justify-content:space-between;gap:12px;padding:14px 0;overflow-wrap:anywhere}.obligation-list li strong{text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0}.empty-state{padding:24px 0}.back-link{display:inline-flex;align-items:center;min-height:44px;margin-bottom:12px;font-weight:650}.balance{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;border-block:1px solid #dbe4db}.balance strong{font-size:24px;text-align:right}.receivables .balance{background:var(--color-surface-subtle);padding:18px 14px;border-color:var(--color-border)}.receivables .balance span{font-size:13px;font-weight:700;color:var(--color-text-muted)}.receivables .balance strong{font-size:27px;letter-spacing:-.025em}.receivables .obligation-list{margin-top:4px}.receivables .obligation-list li{font-size:14px;color:var(--color-text-muted)}.receivables .obligation-list strong{color:var(--color-text)}#repayment-form{margin-top:28px;border-top:1px solid var(--color-border);padding-top:2px}#repayment-form .repayment-entry input{font-size:26px;font-weight:700;min-height:60px;letter-spacing:-.02em}#repayment-form .repayment-entry small{max-width:50ch}#pay-full{margin-top:16px;width:100%}#repayment-save{width:100%;margin-top:10px}.result-link{display:grid;place-items:center;text-decoration:none;border-radius:10px;margin-top:22px}.history-list{list-style:none;padding:0;margin:16px 0 0}.history-entry{padding:18px 0;border-bottom:1px solid #e1e7df;overflow-wrap:anywhere}.history-top,.history-meta{display:flex;justify-content:space-between;gap:12px}.history-top strong:last-child{text-align:right}.history-entry p{margin:6px 0}.history-entry small,.history-entry time{display:block;color:#59665e;font-size:12px}.history-meta{align-items:baseline;margin-top:10px}.history-status{font-size:12px;font-weight:750;white-space:nowrap}.history-open{width:100%;margin-top:14px;text-align:left}.event-workflow h2{font-size:18px;margin:22px 0 8px}.event-workflow h3{font-size:16px;margin:8px 0}.event-workflow dl{margin:14px 0}.event-workflow dd{max-width:64%}.event-context{border:1px solid #dce4dc;border-radius:12px;padding:12px 16px;margin:18px 0}.event-context h2{margin:0}.event-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.event-actions button{min-width:0;min-height:50px}.back-button{border:0;padding-left:0;background:transparent;margin-bottom:12px}.edit-item{border:1px solid #dce4dc;border-radius:10px;padding:16px;margin:14px 0}.edit-item button{margin-top:12px}.heading>div:first-child{min-width:0}.heading-actions{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0;max-width:130px}.summary-entry{display:inline-flex;align-items:center;justify-content:flex-end;min-height:44px;font-size:13px;text-align:right;font-weight:650}main:has(.summary){max-width:1160px;padding:30px}.summary{min-width:0}.summary>.back-link{display:inline-flex;align-items:center;min-height:44px;margin-bottom:6px}.summary-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:8px 0 24px}.summary-heading h1{margin:0 0 6px}.summary-intro{margin:0}.summary-date{display:block;flex:none;color:var(--color-text-muted);font-size:13px;text-align:right}.summary-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0}.summary-card{display:grid;align-content:start;gap:8px;min-width:0;min-height:164px;padding:17px;border:1px solid var(--color-border);border-radius:16px;background:#fff;box-shadow:0 5px 16px #133d3408}.summary-card-icon,.summary-activity-icon,.summary-report-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:#e8f4ef;color:#075c46}.summary-card dt{min-width:0;font-size:13px;font-weight:650;color:#354f49;line-height:1.3}.summary-card dd{margin:0;min-width:0;max-width:100%;color:#064b3b;font-size:clamp(21px,2.1vw,29px);line-height:1.1;font-weight:800;letter-spacing:-.035em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.summary-card-compact dd{font-size:clamp(16px,1.35vw,20px)}.summary-card[data-metric=payments] .summary-card-icon{background:#e7f1ff;color:#0b58ad}.summary-card[data-metric=payments] dd{color:#124f94}.summary-card[data-metric=expenses] .summary-card-icon{background:#fff0ef;color:#ba3b32}.summary-card[data-metric=expenses] dd{color:#a9322a}.summary-card[data-metric=receivables] .summary-card-icon{background:#fff2e6;color:#ae5a17}.summary-card[data-metric=receivables] dd{color:#9c4a10}.summary-note{margin:12px 1px 24px;font-size:12px;line-height:1.45}.summary-trend{min-width:0;margin-bottom:14px;padding:20px;border:1px solid var(--color-border);border-radius:17px;background:#fff}.summary-trend .summary-section-heading{margin-bottom:12px}.summary-trend-empty{margin:0 0 12px;color:var(--color-text-muted);font-size:13px}.summary-trend-list{display:grid;gap:10px;list-style:none;margin:0;padding:0}.summary-trend-row{min-width:0}.summary-trend-label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;min-width:0;margin-bottom:4px;font-size:13px}.summary-trend-label time{flex:none;color:var(--color-text-muted)}.summary-trend-label strong{min-width:0;color:#064b3b;font-variant-numeric:tabular-nums;text-align:right;overflow-wrap:anywhere}.summary-trend-track{height:7px;border-radius:999px;background:#e8f4ef;overflow:hidden}.summary-trend-bar{display:block;height:100%;border-radius:inherit;background:#08745a}.summary-trend-bar[data-positive=true]{min-width:2px}.summary-lower{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,.8fr);gap:14px;align-items:start}.summary-activity,.summary-report{min-width:0;border:1px solid var(--color-border);border-radius:17px;background:#fff;padding:20px}.summary-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.summary-section-heading .eyebrow,.summary-report .eyebrow{margin-bottom:2px}.summary-section-heading h2,.summary-report h2{margin:0;font-size:19px;line-height:1.25;letter-spacing:-.02em}.summary-section-heading a,.summary-report a{display:inline-flex;align-items:center;min-height:44px;flex:none;color:var(--color-accent);font-size:13px;font-weight:750;text-decoration:none}.summary-section-heading a:hover,.summary-report a:hover{text-decoration:underline}.summary-activity-list{list-style:none;padding:0;margin:0}.summary-activity-row{display:grid;grid-template-columns:39px minmax(0,1fr) auto minmax(105px,auto);align-items:center;gap:12px;min-width:0;padding:11px 0;border-top:1px solid #e9efeb}.summary-activity-detail{min-width:0}.summary-activity-detail strong,.summary-activity-detail small{display:block;overflow-wrap:anywhere}.summary-activity-detail strong{font-size:13px;line-height:1.3}.summary-activity-detail small,.summary-activity-row time{font-size:12px;line-height:1.35;color:var(--color-text-muted)}.summary-activity-detail small{margin-top:3px}.summary-activity-detail .summary-activity-status{color:var(--color-danger);font-weight:700}.summary-activity-row time{white-space:nowrap}.summary-activity-amount{min-width:0;text-align:right;color:#08644a;font-size:14px;font-weight:780;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.summary-activity-row[data-kind=PAYMENT] .summary-activity-icon{background:#e7f1ff;color:#0b58ad}.summary-activity-row[data-kind=EXPENSE] .summary-activity-icon{background:#fff0ef;color:#ba3b32}.summary-activity-row[data-kind=EXPENSE] .summary-activity-amount{color:#a9322a}.summary-activity-row[data-kind=OPENING_RECEIVABLE] .summary-activity-icon{background:#fff2e6;color:#ae5a17}.summary-activity-row[data-kind=VOID] .summary-activity-icon{background:#eff2f3;color:#4a5962}.summary-activity-void,.summary-activity-row:has(.summary-activity-status) .summary-activity-amount{color:#64716e}.summary-empty{padding:28px 4px 20px;border-top:1px solid #e9efeb}.summary-empty strong{font-size:15px}.summary-empty p{margin:5px 0 0;font-size:13px}.summary-report{display:grid;gap:13px;background:#f0f7f4}.summary-report p:not(.eyebrow){margin:6px 0 0;font-size:13px}.summary-report a{width:max-content}@media(max-width:990px){.summary-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-lower{grid-template-columns:1fr}}@media(max-width:640px){main:has(.summary){padding:20px 16px}.summary-heading{display:block;margin-bottom:20px}.summary-heading h1{margin-bottom:6px}.summary-intro{font-size:13px}.summary-date{text-align:left;margin-top:8px}.summary-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.summary-card{min-height:135px;padding:13px;gap:7px;border-radius:14px}.summary-card-icon{width:34px;height:34px}.summary-card dt{font-size:12px}.summary-card dd{font-size:clamp(19px,5.3vw,24px)}.summary-card-compact dd{font-size:15px}.summary-card[data-metric=receivables]{grid-column:1/-1;min-height:105px;grid-template-columns:35px minmax(0,1fr);align-items:center;column-gap:12px}.summary-card[data-metric=receivables] .summary-card-icon{grid-row:1/3}.summary-card[data-metric=receivables] dd{font-size:25px}.summary-metrics:has(.summary-card-compact){grid-template-columns:1fr}.summary-metrics:has(.summary-card-compact) .summary-card{min-height:94px;grid-column:1;grid-template-columns:35px minmax(0,1fr);align-items:center;column-gap:12px}.summary-metrics:has(.summary-card-compact) .summary-card-icon{grid-column:1;grid-row:1/3}.summary-metrics:has(.summary-card-compact) .summary-card dt{grid-column:2;grid-row:1}.summary-metrics:has(.summary-card-compact) .summary-card dd{grid-column:2;grid-row:2;font-size:24px}.summary-note{margin-bottom:18px}.summary-activity,.summary-report,.summary-trend{padding:15px}.summary-activity-row{grid-template-columns:39px minmax(0,1fr);gap:3px 10px}.summary-activity-icon{grid-column:1;grid-row:1/4;align-self:start}.summary-activity-detail{grid-column:2;grid-row:1}.summary-activity-amount{grid-column:2;grid-row:2;text-align:left}.summary-activity-row time{grid-column:2;grid-row:3}}.utility-entry{display:flex;align-items:center;min-height:44px;margin-top:16px;font-size:13px;font-weight:650}.utility-block{border-top:1px solid #dbe4db;padding:22px 0 8px}.utility-block h2{margin:0 0 8px;font-size:20px}.utility-block p{margin:8px 0 16px}.utility-block .primary{width:100%}.privacy-note{font-size:13px}.utility-success,.utility-error{padding:12px 14px;border-radius:9px;overflow-wrap:anywhere}.utility-success{color:#145246;background:#e8f4ec}.utility-error{color:#812d1e;background:#fff1e8}.restore-preview{margin-top:20px;padding:18px;border:1px solid #dce4dc;border-radius:12px;overflow-wrap:anywhere}.restore-preview h3{margin:0 0 12px;font-size:17px}.restore-preview dl{display:grid;gap:8px;margin:16px 0}.restore-preview dl>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e1e7df}.restore-preview dd{margin:0;font-weight:700}.restore-warning{padding:14px;background:#fff1e8;color:#812d1e;border-radius:9px;font-weight:650}.restore-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.restore-actions button{min-width:0}.danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.danger:not(:disabled):hover{background:#72251d;border-color:#72251d}.danger:not(:disabled):active{background:#5d1e18;border-color:#5d1e18}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pwa-status-surface:not([hidden]){position:fixed;z-index:20;right:16px;bottom:16px;display:grid;gap:8px;width:min(360px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto}.pwa-status-panel{padding:14px 16px;border:1px solid #b7cbc0;border-radius:12px;background:#fff;box-shadow:var(--shadow-floating)}.pwa-status-panel strong{display:block;color:#19352f}.pwa-status-panel p{margin:4px 0 0;font-size:13px}.pwa-status-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.pwa-status-actions button{min-height:44px}.pwa-update-feedback{color:#812d1e}.report-controls{display:grid;gap:16px;margin-bottom:28px}.report-tabs,.report-periods{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.report-tabs button,.report-periods button{min-width:0}.report-tabs [aria-pressed=true],.report-periods [aria-pressed=true]{background:#19594e;color:#fff;border-color:#19594e}.report-range{display:grid;gap:8px}.report-range label{font-weight:650;margin-top:4px}.report-range input,.report-range select{width:100%;min-width:0;min-height:46px;padding:10px;border:1px solid #acbbb3;border-radius:9px;background:#fff;color:#19352f}.report-range .primary{margin-top:8px}#print-report{width:100%}.report-document{border-top:2px solid #19594e;padding-top:22px;overflow-wrap:anywhere}.report-document-header{margin-bottom:20px}.report-document-header h2{font-size:24px;margin:4px 0 12px}.report-document-header p{margin:4px 0}.report-business-name{color:#19352f;font-weight:800;letter-spacing:.04em}.report-metrics{display:grid;gap:0;margin:18px 0}.report-metrics>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #dce4dc}.report-metrics dt{font-weight:600}.report-metrics dd{margin:0;text-align:right;font-weight:750}.report-current,.report-current-balance{background:#edf3ee;padding-inline:10px!important}.report-current-balance{display:flex;justify-content:space-between;gap:12px;padding-block:14px;font-weight:650}.report-current-balance strong{text-align:right}.report-explanation{font-size:13px;line-height:1.5}.report-document h3{margin:24px 0 10px;font-size:18px}.report-entries{list-style:none;margin:0;padding:0}.report-entries li{padding:12px 0;border-bottom:1px solid #dce4dc;break-inside:avoid;page-break-inside:avoid}.report-entries li>div{display:flex;justify-content:space-between;gap:12px}.report-entries li>div span{text-align:right;font-weight:700}.report-entries time,.report-entries small{display:block;color:#526359;font-size:12px}.report-voided{background:#f8f1ed;padding-inline:8px!important}main:has(#sale-form),main:has(.sale-result),main:has(.receivables),main:has(#expense-form),main:has(.expense-result),main:has(.repayment-result){max-width:820px;padding:36px 40px 40px;border-top:3px solid var(--color-accent)}.workflow-title{display:flex;align-items:flex-start;gap:16px;min-width:0}.workflow-title>div{min-width:0}.workflow-title h1{margin:0;font-size:34px;line-height:1.12;overflow-wrap:anywhere}.workflow-title .eyebrow{margin:1px 0 8px}.heading-icon{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:14px;background:#e7f2ee;color:var(--color-accent-active)}.heading-icon .ui-icon{width:25px;height:25px}.workflow-intro{margin:8px 0 0;font-size:14px;line-height:1.5}.workflow-heading{align-items:flex-start;margin-bottom:28px}.workflow-heading .heading-actions{max-width:172px}.workflow-heading .summary-entry{white-space:nowrap}.workflow-heading .tag{background:var(--color-surface-subtle)}.section-heading{display:flex;align-items:center;gap:10px;color:var(--color-accent-active);font-size:15px;line-height:1.3}.section-heading .ui-icon{width:21px;height:21px}.section-heading h2{margin:0;color:var(--color-text);font-size:18px}#sale-form .mode{padding:5px;gap:5px;border:1px solid var(--color-border);background:#edf5f1}#sale-form .mode button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:50px;font-size:14px;border-radius:10px}#sale-form .mode button[aria-pressed=true]{border:1px solid #8ab5a6;box-shadow:0 2px 7px #0d493a14}#sale-form .mode .ui-icon{width:19px;height:19px}.amount-panel,.itemized-panel,.expense-amount-panel,.obligations-panel,#repayment-form{border:1px solid var(--color-border);border-radius:16px;background:var(--color-surface);padding:20px 22px}.amount-panel,.itemized-panel{margin-top:16px}.amount-panel{background:#f5faf7}.amount-panel .amount-entry,.expense-amount-panel .amount-entry{padding:4px 0 0}.amount-panel label,.expense-amount-panel label{margin-top:12px}#sale-form .amount-panel input,#expense-form .expense-amount-panel input{height:76px;border:1px solid #9cbdb0;background:#fff;font-size:36px;padding:12px 16px;font-weight:780}#sale-form .amount-panel input:focus,#expense-form .expense-amount-panel input:focus{border-color:var(--color-accent)}#sale-form .line{border:1px solid var(--color-border);border-radius:12px;margin-top:16px;padding:14px 16px;background:#fbfdfc}#sale-form .line-head label{margin:0}#sale-form .line-values{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}#sale-form .line-total{border-top:1px solid var(--color-border);padding-top:11px;font-size:17px}#sale-form .actions{align-items:center}#add-line{display:inline-flex;align-items:center;gap:8px;background:#e8f4ef;border-color:#cde4d9;min-height:48px}#add-line .ui-icon{width:17px;height:17px}#sale-form .payment{margin-top:18px;padding:20px 22px;border:1px solid var(--color-border);border-radius:16px;background:#fff}#sale-form .payment-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}#sale-form .payment-fields>div{min-width:0}#sale-form .payment-fields label{margin-top:15px}#sale-form .customer-heading{align-items:end}#sale-form .customer-heading label{min-width:0}#sale-form .customer-heading .text-button{flex:none;min-height:44px}#sale-form .save-area{border:0;padding-top:0;margin-top:18px}#sale-form .total-panel{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;margin-bottom:14px;border:1px solid #cce2d7;border-radius:14px;background:#eaf5ef}#sale-form .total-panel>span{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--color-accent-active)}#sale-form .total-panel .ui-icon{width:21px;height:21px}#sale-form #total{max-width:65%;text-align:right;overflow-wrap:anywhere;font-size:29px;color:var(--color-accent-active);font-variant-numeric:tabular-nums}#save,#expense-save,#repayment-save{font-size:16px;letter-spacing:.005em}main:has(#sale-form) .utility-entry{display:inline-flex;margin-right:24px}.receivable-list-view .workflow-title{margin-bottom:26px}.receivable-list-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:0 2px 10px;border-bottom:1px solid var(--color-border);font-size:14px}.receivable-list-heading span{color:var(--color-text-muted);font-size:12px;white-space:nowrap}.receivable-list-view .customer-list{display:grid;gap:10px;margin:10px 0 0}.receivable-list-view .customer-list li{border:1px solid var(--color-border);border-radius:13px;background:#fff;overflow:hidden}.receivable-list-view .customer-list a{display:grid;grid-template-columns:minmax(0,1fr) auto 18px;gap:16px;min-height:78px;padding:16px 18px}.receivable-list-view .customer-list a:hover{background:#f4faf7}.receivable-list-view .customer-list a strong{font-size:17px;line-height:1.3}.receivable-list-view .customer-list a span{font-size:20px;color:var(--color-accent-active)}.receivable-list-view .customer-list a .ui-icon{width:16px;height:16px;color:var(--color-text-muted)}.receivable-detail .workflow-title{margin-bottom:20px}.receivable-detail .balance,.repayment-result .balance{display:grid;gap:3px;padding:20px 24px;border:1px solid #c8e0d5;border-radius:15px;background:#eaf5ef}.receivable-detail .balance strong,.repayment-result .balance strong{text-align:left;font-size:36px;color:var(--color-accent-active);line-height:1.16;overflow-wrap:anywhere}.receivable-detail .obligations-panel{margin-top:18px}.receivable-detail .obligation-list{margin-bottom:0}.receivable-detail .obligation-list li:last-child{border-bottom:0}#repayment-form{margin-top:18px;padding:20px 22px;border-top:1px solid var(--color-border);background:#f8fbf9}#repayment-form .repayment-entry{margin-top:16px}#repayment-form .repayment-entry input{background:#fff}#repayment-form .repayment-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:10px;margin-top:18px}#repayment-form .repayment-actions button{margin:0;min-height:54px}#expense-form .expense-amount-panel{background:#f1f8f4}#expense-form .expense-description-field{margin-top:22px}#expense-form .expense-description-field label{margin:0 0 7px}#expense-form .save-area{margin-top:24px}.result.sale-result,.result.expense-result,.result.repayment-result{max-width:620px;margin:auto}.result .success-mark{width:64px;height:64px;margin-bottom:20px;background:#dcf3e6;border:1px solid #bce0cb;color:var(--color-accent-active)}.result .success-mark .ui-icon{width:32px;height:32px;stroke-width:2.2}.result.sale-result h1,.result.expense-result h1,.result.repayment-result h1{font-size:30px}.result .result-main-value{display:grid;gap:3px;padding:18px 20px;border:1px solid #cce2d7;border-radius:13px;background:#eaf5ef}.result .result-main-value dt{color:var(--color-accent-active);font-weight:700}.result .result-main-value dd,.sale-result .result-main-value dd,.expense-result .result-main-value dd,.repayment-result #repayment-paid{max-width:none;text-align:left;color:var(--color-accent-active);font-size:32px;line-height:1.15;overflow-wrap:anywhere}.result dl>div:not(.result-main-value){padding-inline:4px}.result .outstanding dd{max-width:60%}.result .receipt-items{margin:24px 0;padding:14px 18px;border:1px solid var(--color-border);border-radius:12px}.repayment-result #repayment-allocations{text-align:left}@media(min-width:641px){#sale-fields:has(.amount-panel){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}#sale-fields:has(.amount-panel) .mode{grid-column:1/-1}#sale-fields:has(.amount-panel) .amount-panel,#sale-fields:has(.amount-panel) .payment{margin-top:0}#sale-fields:has(.amount-panel) .payment-fields{grid-template-columns:1fr;gap:0}#sale-fields:has(.amount-panel) .payment-fields label{margin-top:10px}}@media(max-width:640px){.pwa-status-surface:not([hidden]){right:12px;bottom:12px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}body:has(.backup-utility):has(.pwa-status-surface:not([hidden])){padding-bottom:calc(120px + env(safe-area-inset-bottom))}.event-actions{grid-template-columns:1fr}.event-workflow dl>div{align-items:baseline}.event-workflow dd{max-width:58%}.operator-nav{margin:0 12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}header{padding:16px 20px;min-height:64px;gap:12px}header span{font-size:12px}main{margin:16px 12px 0;border-radius:16px;padding:22px 18px}h1{font-size:25px;margin-bottom:20px}.heading{display:block;margin-bottom:6px}.heading h1{margin-bottom:4px}.heading-actions{display:block;max-width:none}.summary-entry{display:flex;width:100%;min-height:44px;justify-content:flex-start;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-subtle);font-size:14px;text-align:left;text-decoration:none}.tag{display:none}small,.hint,.history-entry time,.history-status{font-size:13px}.save-area{margin-top:16px}footer{padding:16px 12px;font-size:12px}}@media(max-width:640px){.operator-nav a{gap:7px;min-height:48px;font-size:13px}.operator-nav .ui-icon{width:18px;height:18px}main:has(#sale-form),main:has(.sale-result),main:has(.receivables),main:has(#expense-form),main:has(.expense-result),main:has(.repayment-result){margin:16px 12px 0;padding:23px 18px 26px}.workflow-title{gap:12px}.workflow-title h1{font-size:26px}.workflow-intro{font-size:13px;margin-top:6px}.heading-icon{width:40px;height:40px;border-radius:12px}.heading-icon .ui-icon{width:22px;height:22px}.workflow-heading{margin-bottom:14px}.workflow-heading .heading-actions{margin-top:12px;max-width:none;width:100%}.workflow-heading .summary-entry{min-height:44px;width:100%}.amount-panel,.itemized-panel,.expense-amount-panel,.obligations-panel,#repayment-form{padding:16px;border-radius:14px}#sale-form .mode button{gap:6px;min-height:48px;font-size:12px;white-space:normal}#sale-form .mode .ui-icon{width:17px;height:17px}#sale-form .amount-panel input,#expense-form .expense-amount-panel input{height:68px;font-size:30px}#sale-form .line{padding:13px}#sale-form .line-values{gap:9px}#sale-form .payment{padding:16px}#sale-form .payment-fields{grid-template-columns:1fr;gap:4px}#sale-form .payment-fields label{margin-top:12px}#sale-form .total-panel{padding:14px 15px;align-items:flex-start}#sale-form #total{font-size:26px}.receivable-list-view .workflow-title{margin-bottom:22px}.receivable-list-heading{align-items:end}.receivable-list-heading span{font-size:11px}.receivable-list-view .customer-list a{grid-template-columns:minmax(0,1fr) 16px;gap:4px 9px;min-height:84px;padding:13px 15px}.receivable-list-view .customer-list a strong{grid-column:1;font-size:16px}.receivable-list-view .customer-list a span{grid-column:1;grid-row:2;justify-self:start;font-size:20px}.receivable-list-view .customer-list a .ui-icon{grid-column:2;grid-row:1/3;align-self:center}.receivable-detail .balance,.repayment-result .balance{padding:18px}.receivable-detail .balance strong,.repayment-result .balance strong{font-size:29px}.receivable-detail .obligation-list li{display:grid;gap:3px}.receivable-detail .obligation-list strong{text-align:left}#repayment-form .repayment-actions{grid-template-columns:1fr}.result .result-main-value dd,.sale-result .result-main-value dd,.expense-result .result-main-value dd,.repayment-result #repayment-paid{font-size:27px}main:has(#sale-form) .utility-entry{margin-right:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media print{@page{margin:14mm}:root,body{background:#fff!important;color:#111!important}header,.operator-nav,footer,.reporting>.back-link,.report-controls,.pwa-status-surface,.pwa-status-panel{display:none!important}main{max-width:none;width:100%;margin:0;padding:0;border:0;border-radius:0;box-shadow:none}.reporting>h1,.reporting>.eyebrow{display:none}.report-document{border:0;padding:0;font-size:10pt;overflow:visible}.report-document-header,.report-document h3{break-after:avoid;page-break-after:avoid}.report-entries li{break-inside:avoid;page-break-inside:avoid}.report-metrics>div,.report-current-balance{break-inside:avoid;page-break-inside:avoid}.report-current,.report-current-balance,.report-voided{background:#eee!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}