:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand:#0b5cab;--brand-dark:#073f76;--ink:#172033;--muted:#5e6a7d;--line:#d8dee8;--panel:#fff;--page:#f4f7fb;--danger:#a33b2f;background:var(--page);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--page);min-width:320px;margin:0}button,select{font:inherit}.app-shell{width:min(1120px,100% - 32px);margin:0 auto;padding:24px 0 48px}.app-shell--loading{min-height:220px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:76px;margin-bottom:24px;padding:14px 0;display:flex}.brand-block{align-items:center;gap:14px;min-width:0;display:flex}.tenant-logo,.tenant-mark{border-radius:8px;flex:0 0 48px;width:48px;height:48px}.tenant-logo{object-fit:contain;background:var(--panel);border:1px solid var(--line)}.tenant-mark{background:var(--brand);color:#fff;place-items:center;font-size:1.25rem;font-weight:700;display:grid}.tenant-mark--placeholder{background:#b9c4d4}.eyebrow{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin:0 0 3px;font-size:.76rem;font-weight:700}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(1.35rem,4vw,2rem);line-height:1.1}h2{margin-bottom:6px;font-size:1.75rem}h3{margin-bottom:12px;font-size:1rem}.muted{color:var(--muted)}.tenant-switcher{color:var(--muted);align-items:center;gap:8px;font-size:.9rem;display:flex}.tenant-switcher select{border:1px solid var(--line);background:var(--panel);height:36px;color:var(--ink);border-radius:6px;padding:0 32px 0 10px}.invoice-page{gap:18px;display:grid}.invoice-summary{border:1px solid var(--line);background:var(--panel);border-radius:8px;justify-content:space-between;align-items:stretch;gap:18px;padding:24px;display:flex}.balance-panel{min-width:180px;color:var(--brand-dark);text-align:right;background:#eef5fc;border-radius:8px;align-content:center;gap:4px;padding:14px 18px;display:grid}.balance-panel span,.item-amount span{color:var(--muted);font-size:.88rem}.balance-panel strong{font-size:1.75rem}.details-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.panel,.line-items,.totals,.empty-state,.loading-panel{border:1px solid var(--line);background:var(--panel);border-radius:8px}.panel{padding:18px}.compact-list,.totals dl{gap:8px;margin:0;display:grid}.compact-list div,.totals dl div{justify-content:space-between;gap:12px;display:flex}dt{color:var(--muted)}dd{margin:0;font-weight:700}.line-items{overflow:hidden}.section-heading{border-bottom:1px solid var(--line);justify-content:space-between;padding:18px 20px;display:flex}.section-heading h3{margin:0}.item-list{display:grid}.line-item{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:16px 20px;display:grid}.line-item:last-child{border-bottom:0}.line-item span,.line-item strong{display:block}.item-amount{text-align:right}.totals{justify-self:end;width:min(380px,100%);padding:18px 20px}.total-due{border-top:1px solid var(--line);color:var(--brand-dark);margin-top:6px;padding-top:10px;font-size:1.1rem}.payment-panel{border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:16px;padding:20px;display:grid}.payment-panel__header{justify-content:space-between;align-items:start;gap:16px;display:flex}.invoice-summary__actions{justify-items:end;gap:6px;display:grid}.payment-provider-shell{background:#f8fbfe;border:1px dashed #b8c5d6;border-radius:8px;align-content:center;min-height:120px;padding:18px;display:grid}.payment-provider-ready{gap:4px;display:grid}.qualpay-form,.finix-form,.payment-amount-form{gap:14px;max-width:420px;display:grid}.payment-step-summary{border:1px solid var(--line);background:#f8fbfe;border-radius:6px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px;display:grid}.payment-step-summary span{color:var(--muted);font-size:.86rem;font-weight:700}.payment-step-summary strong{color:var(--ink)}.link-action{color:var(--brand);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.link-action:disabled{color:var(--muted);cursor:not-allowed}.payment-options{border:0;gap:8px;margin:0;padding:0;display:grid}.payment-options legend{color:var(--muted);margin-bottom:2px;font-size:.86rem;font-weight:700}.payment-option{border:1px solid var(--line);background:#fff;border-radius:6px;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:42px;padding:10px;display:grid}.payment-option input[type=radio]{width:16px;height:16px;margin:0}.payment-option span{min-width:0}.payment-option strong{color:var(--ink);font-size:.95rem}.payment-option--custom{grid-template-columns:18px minmax(0,1fr) minmax(116px,140px)}.payment-option--custom input[type=number]{border:1px solid var(--line);min-width:0;height:34px;color:var(--ink);font:inherit;border-radius:6px;padding:6px 8px}.qualpay-form>label,.qualpay-field{gap:6px;display:grid}.qualpay-form>label>span,.qualpay-field span{color:var(--muted);font-size:.86rem;font-weight:700}.qualpay-form>label>input{border:1px solid var(--line);width:100%;height:42px;color:var(--ink);font:inherit;background:#fff;border-radius:6px;padding:8px 10px}#qp-embedded-container{min-height:116px}.payment-error{color:var(--danger);margin:0}.payment-note{color:var(--muted);margin:0;font-size:.9rem}.primary-action{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:6px;min-height:42px;padding:10px 16px;font-weight:700}.primary-action:disabled{cursor:not-allowed;background:#9fb2ca}.secondary-action{border:1px solid var(--line);min-height:42px;color:var(--brand);cursor:pointer;background:#fff;border-radius:6px;padding:10px 16px;font-weight:700}.secondary-action:disabled{color:var(--muted);cursor:not-allowed}.payment-confirmation,.payment-success-card{gap:14px;max-width:420px;display:grid}.payment-review{gap:8px;margin:0;display:grid}.payment-review div{justify-content:space-between;gap:16px;display:flex}.payment-review dt{color:var(--muted)}.payment-review dd{color:var(--ink);margin:0;font-weight:700}.payment-review__total{border-top:1px solid var(--line);margin-top:4px;padding-top:10px}.payment-success{color:#1f6b35;background:#f0faf2;border:1px solid #a8d5b1;border-radius:8px;gap:4px;padding:16px;display:grid}.empty-state,.loading-panel{text-align:center;align-content:center;justify-items:center;gap:8px;min-height:220px;padding:32px;display:grid}.loading-line{background:#d9e2ee;border-radius:999px;width:min(220px,70vw);height:8px;overflow:hidden}.loading-line:after{border-radius:inherit;background:var(--brand);content:"";width:40%;height:100%;animation:1s ease-in-out infinite loading;display:block}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(260%)}}@media (width<=760px){.app-shell{width:min(100% - 24px,1120px);padding-top:12px}.topbar,.invoice-summary{flex-direction:column;align-items:flex-start}.tenant-switcher{justify-content:space-between;width:100%}.tenant-switcher select{min-width:180px}.balance-panel{text-align:left;width:100%}.details-grid,.line-item{grid-template-columns:1fr}.item-amount{text-align:left}}