: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}.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}}