.page.svelte-gekktr{min-height:100vh;background:var(--md-surface-dim, #f8f9fa);padding-bottom:80px;max-width:480px;margin:0 auto}.demo-banner.svelte-gekktr{background:linear-gradient(135deg,#fbbc04,#ea4335);color:#fff;padding:8px 16px;display:flex;justify-content:space-between;font-size:14px;font-weight:500}.demo-banner.svelte-gekktr a:where(.svelte-gekktr){color:#fff;text-decoration:underline}.page-header.svelte-gekktr{padding:20px;text-align:center}.page-header.svelte-gekktr h1:where(.svelte-gekktr){font-size:24px;font-weight:700}.subscription-card.svelte-gekktr{background:linear-gradient(135deg,var(--md-primary),#34a853);color:#fff;margin:0 16px 16px;border-radius:20px;padding:20px}.sub-header.svelte-gekktr{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sub-badge.svelte-gekktr{background:#fff3;padding:4px 12px;border-radius:100px;font-size:13px;font-weight:600}.sub-status.active.svelte-gekktr{background:#ffffffe6;color:#1e8e3e;padding:4px 10px;border-radius:100px;font-size:12px;font-weight:600}.sub-amount.svelte-gekktr{font-size:32px;font-weight:700;margin-bottom:8px}.sub-next.svelte-gekktr{font-size:14px;opacity:.9}.stats-row.svelte-gekktr{display:flex;gap:12px;padding:0 16px 16px}.stat-card.svelte-gekktr{flex:1;background:var(--md-surface);border-radius:12px;padding:16px;text-align:center;box-shadow:var(--md-elevation-1)}.stat-value.svelte-gekktr{display:block;font-size:18px;font-weight:700;color:var(--md-primary)}.stat-label.svelte-gekktr{font-size:12px;color:var(--md-on-surface-variant)}.content.svelte-gekktr{padding:0 16px}.content.svelte-gekktr h2:where(.svelte-gekktr){font-size:16px;font-weight:600;margin-bottom:12px}.payments-list.svelte-gekktr{display:flex;flex-direction:column;gap:8px}.payment-item.svelte-gekktr{background:var(--md-surface);border-radius:12px;padding:14px 16px;display:flex;align-items:center;gap:12px;box-shadow:var(--md-elevation-1)}.payment-icon.svelte-gekktr{font-size:24px}.payment-info.svelte-gekktr{flex:1}.payment-concept.svelte-gekktr{display:block;font-weight:600;font-size:14px}.payment-date.svelte-gekktr{font-size:12px;color:var(--md-on-surface-variant)}.payment-amount.svelte-gekktr{text-align:right}.amount.svelte-gekktr{display:block;font-weight:700;font-size:15px}.status.paid.svelte-gekktr{font-size:11px;color:var(--md-success, #1e8e3e)}.bottom-nav.svelte-gekktr{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:var(--md-surface);display:flex;justify-content:space-around;padding:8px 16px calc(env(safe-area-inset-bottom) + 8px);border-top:1px solid var(--md-outline-variant);box-shadow:0 -4px 20px #00000014}.nav-item.svelte-gekktr{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--md-on-surface-variant);font-size:11px;font-weight:500;padding:6px 16px;position:relative}.nav-icon.svelte-gekktr{font-size:22px}