:root{--surface-ground:#fdfcfa;--surface-nav:#f5f2ec;--surface-card:#fff;--border-default:#e7e5e4;--border-subtle:#f5f5f4;--text-primary:#292524;--text-secondary:#57534e;--text-muted:#78716c;--text-faint:#a8a29e;--accent-primary:#0d9488;--accent-hover:#0f766e;--accent-subtle:#ccfbf1;--on-accent:#fff;--status-success-bg:#dcfce7;--status-success-text:#15803d;--status-warning-bg:#fef3c7;--status-warning-text:#b45309;--status-danger-bg:#fee2e2;--status-danger-text:#b91c1c;--status-info-bg:#dbeafe;--status-info-text:#1d4ed8;--status-neutral-bg:#f5f5f4;--status-neutral-text:#57534e;--radius-card:10px;--radius-control:8px;--radius-pill:999px;--shadow-card:0 1px 2px #0000000a;--shadow-inset:inset 0 1px 2px #0000000a;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--font-ui:"Segoe UI", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}body{padding:var(--space-6) var(--space-4) var(--space-7);background:var(--surface-ground);color:var(--text-primary);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}.page{max-width:640px;margin:0 auto}.micro-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0;font-size:12px;font-weight:600}.tenant{margin:0 0 var(--space-4);color:var(--text-secondary);font-size:13px}.card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-6)}.statement-head{gap:var(--space-4);padding-bottom:var(--space-5);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;display:flex}.statement-head__right{text-align:right}.invoice-number{margin:0;font-size:18px;font-weight:600}.invoice-dates,.invoice-customer{margin:var(--space-1) 0 0;color:var(--text-secondary);font-size:13px}.amount-due{margin:var(--space-1) 0 0;font-variant-numeric:tabular-nums;font-size:24px;font-weight:650}.lines-wrap{overflow-x:auto}.lines{border-collapse:collapse;width:100%;margin-top:var(--space-5)}.lines th,.lines td{padding:var(--space-2) 0;text-align:left;border-bottom:1px solid var(--border-subtle)}.lines__num{text-align:right;font-variant-numeric:tabular-nums;padding-left:var(--space-4);white-space:nowrap}.totals{margin:var(--space-5) 0 0;gap:var(--space-2);display:grid}.totals__row{justify-content:space-between;gap:var(--space-4);color:var(--text-secondary);display:flex}.totals__row dt,.totals__row dd{margin:0}.totals__row dd{font-variant-numeric:tabular-nums}.totals__row--strong{padding-top:var(--space-2);border-top:1px solid var(--border-default);color:var(--text-primary);font-weight:600}.well{margin-top:var(--space-6);padding:var(--space-5);background:var(--surface-nav);border:1px solid var(--border-default);border-radius:var(--radius-control);box-shadow:var(--shadow-inset)}.save-card{gap:var(--space-3);margin-bottom:var(--space-5);cursor:pointer;align-items:flex-start;display:flex}.save-card input{accent-color:var(--accent-primary);flex:none;margin:2px 0 0}.save-card__text{color:var(--text-secondary);font-size:13px}.card-mount{min-height:40px}.pay-status{margin:var(--space-4) 0 0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);background:var(--status-danger-bg);color:var(--status-danger-text);font-size:13px}.band{margin:var(--space-6) 0 0;padding:var(--space-4) var(--space-5);border-radius:var(--radius-control);font-size:14px}.band--success{background:var(--status-success-bg);color:var(--status-success-text)}.band--warning{background:var(--status-warning-bg);color:var(--status-warning-text)}.band--danger{background:var(--status-danger-bg);color:var(--status-danger-text)}.band--info{background:var(--status-info-bg);color:var(--status-info-text)}.band--neutral{background:var(--status-neutral-bg);color:var(--status-neutral-text)}.print-row{margin:var(--space-4) 0 0}.button{font:inherit;padding:0 var(--space-5);border:1px solid var(--border-default);border-radius:var(--radius-control);background:var(--surface-card);height:36px;color:var(--text-primary);cursor:pointer}.button:hover{border-color:var(--accent-primary);color:var(--accent-hover)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.contact{margin:var(--space-5) 0 0;color:var(--text-secondary);font-size:13px}.contact p{margin:0}.contact__detail{color:var(--text-muted)}.bare{padding:var(--space-7) 0}.bare__text{color:var(--text-secondary);margin:0}@media (max-width:480px){.statement-head__right{text-align:left}}@media print{@page{margin:16mm}body{background:0 0;padding:0;font-size:12pt}.well,.pay-status,.print-row{display:none}.card{box-shadow:none;background:0 0;border:none;border-radius:0;padding:0}.band{margin-top:var(--space-4);color:inherit;background:0 0;padding:0;font-weight:600}.contact{margin-top:var(--space-6)}}.card-session{gap:var(--space-3);display:grid}.card-session__tenant{color:var(--text-muted);margin:0;font-size:13px}.card-session__heading{margin:0;font-size:20px;font-weight:600}.card-session__amount{font-variant-numeric:tabular-nums;margin:0;font-size:28px;font-weight:600}.card-session__terminal{color:var(--text-secondary);margin:0}.card-session__actions{gap:var(--space-3);margin:0;display:flex}.button--quiet{background:var(--surface-card);border:1px solid var(--border-default);color:var(--text-secondary)}
