: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)}.rails{gap:var(--space-3);margin:var(--space-6) 0 0;grid-template-columns:1fr 1fr;display:grid}.rails--one{grid-template-columns:1fr}@media (max-width:520px){.rails{grid-template-columns:1fr}}.rail-tile{gap:var(--space-1);padding:var(--space-4);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-card);box-shadow:var(--shadow-card);cursor:pointer;flex-direction:column;display:flex;position:relative}.rail-tile--selected{border-color:var(--accent-primary);box-shadow:var(--shadow-inset), 0 0 0 2px var(--accent-subtle)}.rail-tile--unavailable{cursor:default;box-shadow:none;background:var(--surface-nav)}.rail-tile__input{opacity:0;cursor:inherit;margin:0;position:absolute;top:0;bottom:0;left:0;right:0}.rail-tile:focus-within{outline:2px solid var(--accent-primary);outline-offset:2px}.rail-tile__amount{font-variant-numeric:tabular-nums;color:var(--text-primary);font-size:22px;font-weight:650}.rail-tile__hint{color:var(--text-muted);font-size:12px;line-height:1.5}.rail-lock{margin:var(--space-2) 0 0;color:var(--text-muted);font-size:12px}.bank-authorisation{margin:var(--space-3) 0 0;color:var(--text-muted);font-size:12px;line-height:1.55}.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,.rails,.rail-lock{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)}