:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#0f172a;--body:#475569;--muted:#64748b;--subtle:#94a3b8;--cyan:#0e7490;--cyan-soft:#ecfeff;--cyan-border:#a5f3fc;--surface:#fff;--page:#f6f8fb;--surface-muted:#f8fafc;--line:#e2e8f0;--line-strong:#cbd5e1;--danger:#b42318;--radius-card:18px;--radius-control:14px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--page);min-height:100dvh;color:var(--body);-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}.page{flex-direction:column;min-height:100dvh;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:18px 20px;display:flex}.brand{letter-spacing:-.2px;color:var(--ink);align-items:center;gap:8px;font-size:15px;font-weight:600;display:inline-flex}.body{flex-direction:column;flex:1;gap:14px;padding:20px;display:flex}.summary{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:20px}.badgePaid{background:var(--cyan-soft);border:1px solid var(--cyan-border);color:var(--cyan);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.badgePaid:before{content:"";background:currentColor;border-radius:999px;width:6px;height:6px}.amountLabel{letter-spacing:.3px;color:var(--subtle);margin:16px 0 6px;font-size:12px;font-weight:500}.amount{letter-spacing:-1px;color:var(--ink);font-variant-numeric:tabular-nums;margin:0;font-size:36px;font-weight:700;line-height:1.1}.who{color:var(--body);margin:14px 0 0;font-size:13px}.period{color:var(--muted);margin:2px 0 0;font-size:13px}.viewer{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden}.viewerHead{background:var(--surface-muted);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:13px 16px;display:flex}.viewerTitle{color:var(--ink);font-size:13px;font-weight:600}.viewerCount{color:var(--subtle);font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.sheetShell{background:var(--surface-muted);justify-content:center;padding:16px;display:flex}.sheet{aspect-ratio:1/1.4142;background:var(--surface);border:1px solid var(--line);border-radius:4px;justify-content:center;width:100%;max-width:520px;display:flex;overflow:hidden;box-shadow:0 2px 8px #0f172a14}.sheet canvas{max-width:100%!important;height:auto!important}.pager{background:var(--surface-muted);justify-content:center;align-items:center;gap:14px;padding:10px 16px 14px;display:flex}.pager button{border:1px solid var(--line-strong);background:var(--surface);width:32px;height:32px;color:var(--body);cursor:pointer;border-radius:8px;font-size:15px}.pager button:disabled{opacity:.4;cursor:default}.pager span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.download{border-radius:var(--radius-control);background:var(--ink);color:var(--surface);cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;padding:15px 18px;font-size:15px;font-weight:600;text-decoration:none;transition:opacity .15s;display:flex}.download:hover{opacity:.9}.footer{border-top:1px solid var(--line);color:var(--subtle);padding:18px 20px 24px;font-size:12.5px}.state{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);text-align:center;padding:44px 24px}.stateIcon{background:var(--cyan-soft);border:1px solid var(--cyan-border);width:44px;height:44px;color:var(--cyan);border-radius:999px;place-items:center;margin:0 auto 14px;font-size:20px;font-weight:700;display:grid}.state.danger .stateIcon{color:var(--danger);background:#fef2f2;border-color:#fecaca}.state h1{color:var(--ink);margin:0 0 6px;font-size:18px;font-weight:600}.state p{color:var(--muted);margin:0;font-size:14px}.pdfError{text-align:center;color:var(--muted);padding:28px 20px;font-size:13px}.pdfError strong{color:var(--ink);margin-bottom:6px;font-size:14px;display:block}.pdfSkeleton{flex-direction:column;gap:10px;width:100%;padding:22px;display:flex}.skeletonLine,.skeletonBlock{background:var(--line);border-radius:4px}.skeletonLine{height:8px}.skeletonLine.wide{width:70%}.skeletonLine.short{width:40%}.skeletonBlock{flex:1;min-height:120px}@media (prefers-reduced-motion:reduce){*{transition:none!important}}@media (min-width:700px){.topbar{padding:22px 40px}.body{gap:18px;padding:32px 24px 40px}.body>*{width:100%;max-width:560px;margin-inline:auto}.summary{padding:26px}.footer{width:100%;max-width:608px;margin-inline:auto;padding:18px 24px 28px}}@media (min-width:1100px){.topbar{padding:24px 56px}.body{grid-template-columns:360px minmax(0,1fr);grid-template-areas:"summary doc""action doc"".doc";align-content:start;gap:16px 28px;width:100%;max-width:1120px;margin-inline:auto;padding:44px 56px 56px;display:grid}.body>*{max-width:none;margin-inline:0}.summary{grid-area:summary}.download{grid-area:action}.viewer{grid-area:doc}.state{grid-column:1/-1}.sheet{max-width:468px}.footer{width:100%;max-width:1120px;margin-inline:auto;padding:20px 56px 32px}}