/* /Components/Layout/LandingLayout.razor.rz.scp.css */
.site-footer[b-45m68mzpc7] { align-items: center; border-top: 1px solid #eee; display: flex; justify-content: space-between; padding: 32px 80px; }
.site-footer p[b-45m68mzpc7] { color: #999; font-size: 13px; margin: 0; }
.site-footer a[b-45m68mzpc7] { color: #999; font-size: 13px; text-decoration: none; }
.site-footer a:hover[b-45m68mzpc7] { color: #6c5ce7; }

@media (max-width: 640.98px) {
    .site-footer[b-45m68mzpc7] { flex-direction: column; gap: 8px; padding: 24px 20px; text-align: center; }
}

#blazor-error-ui[b-45m68mzpc7] { background: lightyellow; bottom: 0; box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2); box-sizing: border-box; color-scheme: light only; display: none; left: 0; padding: 0.6rem 1.25rem 0.7rem 1.25rem; position: fixed; width: 100%; z-index: 1000; }
#blazor-error-ui .dismiss[b-45m68mzpc7] { cursor: pointer; position: absolute; right: 0.75rem; top: 0.5rem; }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-zhda3o0j3y] { display: flex; min-height: 100vh; }
main[b-zhda3o0j3y] { flex: 1; min-height: 100vh; }
.sidebar[b-zhda3o0j3y] { background: #fff; border-right: 1px solid #eee; display: flex; flex-direction: column; height: 100vh; position: sticky; top: 0; width: 240px; }
.content[b-zhda3o0j3y] { background: #f8f7fc; min-height: 100%; padding: 32px 40px 48px; }
.site-footer[b-zhda3o0j3y] { align-items: center; background: #f8f7fc; border-top: 1px solid #eee; display: flex; justify-content: space-between; padding: 24px 40px; }
.site-footer p[b-zhda3o0j3y] { color: #999; font-size: 12px; margin: 0; }
.site-footer a[b-zhda3o0j3y] { color: #999; font-size: 12px; text-decoration: none; }
.site-footer a:hover[b-zhda3o0j3y] { color: #6c5ce7; }

@media (max-width: 640.98px) {
    .page[b-zhda3o0j3y] { flex-direction: column; }
    .sidebar[b-zhda3o0j3y] { display: none; }
    .content[b-zhda3o0j3y] { padding: 24px 20px 32px; }
    .site-footer[b-zhda3o0j3y] { flex-direction: column; gap: 8px; padding: 20px; text-align: center; }
}

#blazor-error-ui[b-zhda3o0j3y] { background: lightyellow; bottom: 0; box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2); box-sizing: border-box; color-scheme: light only; display: none; left: 0; padding: 0.6rem 1.25rem 0.7rem 1.25rem; position: fixed; width: 100%; z-index: 1000; }
#blazor-error-ui .dismiss[b-zhda3o0j3y] { cursor: pointer; position: absolute; right: 0.75rem; top: 0.5rem; }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.sidebar-inner[b-wkj5htolic] { display: flex; flex-direction: column; height: 100%; padding: 28px 20px 20px; }
.sidebar-logo[b-wkj5htolic] { color: #1a1a2e; font-size: 22px; font-weight: 700; letter-spacing: -0.5px; margin-bottom: 36px; padding: 0 12px; text-decoration: none; }
.sidebar-logo span[b-wkj5htolic] { color: #6c5ce7; }
.sidebar-nav[b-wkj5htolic] { display: flex; flex: 1; flex-direction: column; gap: 4px; }
[b-wkj5htolic] .nav-link { align-items: center; border-radius: 10px; color: #555; cursor: pointer; display: flex; font-size: 14px; font-weight: 500; gap: 12px; padding: 11px 14px; text-decoration: none; transition: all 0.15s ease; }
[b-wkj5htolic] .nav-link:hover { background: #f8f7fc; color: #1a1a2e; }
[b-wkj5htolic] a.active { background: #f0edff; color: #6c5ce7; font-weight: 600; }
[b-wkj5htolic] .nav-link svg { flex-shrink: 0; height: 20px; width: 20px; }
[b-wkj5htolic] a.active svg { stroke: #6c5ce7; }
.nav-spacer[b-wkj5htolic] { flex: 1; }

/* ─── UPGRADE CARD ─── */
.upgrade-card[b-wkj5htolic] { background: linear-gradient(135deg, #6c5ce7 0%, #8b5cf6 100%); border-radius: 14px; color: #fff; margin-bottom: 16px; overflow: hidden; padding: 20px 18px; position: relative; }
.upgrade-card[b-wkj5htolic]::before { background: radial-gradient(circle at 100% 0%, rgba(255, 255, 255, 0.12) 0%, transparent 60%); content: ''; height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; }
.upgrade-card h4[b-wkj5htolic] { font-size: 14px; font-weight: 600; margin-bottom: 6px; position: relative; }
.upgrade-card p[b-wkj5htolic] { color: rgba(255, 255, 255, 0.75); font-size: 12px; line-height: 1.5; margin-bottom: 14px; position: relative; }
.upgrade-btn[b-wkj5htolic] { background: #fff; border: none; border-radius: 8px; color: #6c5ce7; cursor: pointer; font-family: inherit; font-size: 13px; font-weight: 600; padding: 8px 20px; position: relative; transition: box-shadow 0.15s ease, transform 0.15s ease; }
.upgrade-btn:hover[b-wkj5htolic] { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); transform: translateY(-1px); }

/* ─── USER SECTION ─── */
.sidebar-user[b-wkj5htolic] { align-items: center; border-top: 1px solid #eee; display: flex; gap: 10px; padding-top: 16px; }
.user-avatar[b-wkj5htolic] { align-items: center; background: linear-gradient(135deg, #6c5ce7, #8b5cf6); border-radius: 50%; color: #fff; display: flex; flex-shrink: 0; font-size: 13px; font-weight: 600; height: 36px; justify-content: center; width: 36px; }
.user-info[b-wkj5htolic] { min-width: 0; }
.user-name[b-wkj5htolic] { color: #1a1a2e; font-size: 13px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.user-email[b-wkj5htolic] { color: #999; font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* /Components/Pages/CancelSubscription.razor.rz.scp.css */
/* ─── SWOOSH HERO ─── */
.cancel-hero[b-tjb7qsm3zr] { background: linear-gradient(135deg, #6c5ce7 0%, #8b5cf6 50%, #6c5ce7 100%); margin: -32px -40px 32px; overflow: hidden; padding: 24px 40px 32px; position: relative; }
.cancel-hero-bg[b-tjb7qsm3zr] { bottom: 0; left: 0; pointer-events: none; position: absolute; right: 0; }
.cancel-hero-bg svg[b-tjb7qsm3zr] { display: block; height: 40px; width: 100%; }
.deco-circle[b-tjb7qsm3zr] { background: rgba(255, 255, 255, 0.07); border-radius: 50%; position: absolute; }
.deco-circle-1[b-tjb7qsm3zr] { height: 260px; right: 10%; top: -40px; width: 260px; }
.deco-circle-2[b-tjb7qsm3zr] { height: 180px; left: 15%; top: 120px; width: 180px; }
.deco-circle-3[b-tjb7qsm3zr] { bottom: 40px; height: 220px; right: 25%; width: 220px; }
.cancel-hero-content[b-tjb7qsm3zr] { position: relative; z-index: 2; }
.cancel-hero-top[b-tjb7qsm3zr] { display: flex; justify-content: space-between; margin-bottom: 8px; }
.cancel-hero h1[b-tjb7qsm3zr] { color: #fff; font-size: 26px; font-weight: 700; letter-spacing: -0.5px; }
.cancel-hero p[b-tjb7qsm3zr] { color: rgba(255, 255, 255, 0.7); font-size: 14px; margin-top: 4px; }

/* ─── TOAST ─── */
.cancel-toast[b-tjb7qsm3zr] { align-items: center; border-radius: 12px; display: flex; font-size: 14px; font-weight: 500; gap: 12px; margin-bottom: 24px; padding: 16px 20px; }
.cancel-toast svg[b-tjb7qsm3zr] { flex-shrink: 0; height: 20px; width: 20px; }
.cancel-toast-success[b-tjb7qsm3zr] { background: rgba(39, 174, 96, 0.08); border: 1px solid rgba(39, 174, 96, 0.2); color: #27ae60; }
.cancel-toast-dismiss[b-tjb7qsm3zr] { background: none; border: none; color: inherit; cursor: pointer; font-size: 20px; margin-left: auto; opacity: 0.6; padding: 0 4px; }
.cancel-toast-dismiss:hover[b-tjb7qsm3zr] { opacity: 1; }

/* ─── LOSS CARD ─── */
.cancel-loss-card[b-tjb7qsm3zr] { background: #fff; border: 1px solid #eee; border-radius: 14px; margin-bottom: 24px; max-width: 560px; padding: 28px; }
.cancel-loss-card h3[b-tjb7qsm3zr] { color: #1a1a2e; font-size: 18px; font-weight: 700; margin-bottom: 6px; }
.cancel-loss-subtitle[b-tjb7qsm3zr] { color: #555; font-size: 14px; margin-bottom: 20px; }
.cancel-loss-list[b-tjb7qsm3zr] { list-style: none; margin: 0; padding: 0; }
.cancel-loss-list li[b-tjb7qsm3zr] { color: #e74c3c; font-size: 14px; font-weight: 500; padding: 8px 0 8px 28px; position: relative; }
.cancel-loss-list li[b-tjb7qsm3zr]::before { content: '\2717'; font-weight: 700; left: 0; position: absolute; }
.cancel-loss-note[b-tjb7qsm3zr] { background: #fff8e1; border-left: 3px solid #f5c842; border-radius: 0 8px 8px 0; color: #555; font-size: 13px; line-height: 1.6; margin-top: 20px; padding: 12px 16px; }

/* ─── REASON CARD ─── */
.cancel-reason-card[b-tjb7qsm3zr] { background: #fff; border: 1px solid #eee; border-radius: 14px; margin-bottom: 24px; max-width: 560px; padding: 28px; }
.cancel-reason-card h3[b-tjb7qsm3zr] { color: #1a1a2e; font-size: 18px; font-weight: 700; margin-bottom: 6px; }
.cancel-reason-subtitle[b-tjb7qsm3zr] { color: #555; font-size: 14px; margin-bottom: 16px; }
.cancel-reason-field[b-tjb7qsm3zr] { display: flex; flex-direction: column; gap: 6px; }
.cancel-reason-label[b-tjb7qsm3zr] { color: #1a1a2e; font-size: 13px; font-weight: 600; }
.cancel-reason-select[b-tjb7qsm3zr] { appearance: none; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23999' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") no-repeat right 14px center; border: 1px solid #e0dce8; border-radius: 10px; color: #1a1a2e; font-family: inherit; font-size: 14px; padding: 12px 40px 12px 14px; transition: border-color 0.15s ease; width: 100%; }
.cancel-reason-select:focus[b-tjb7qsm3zr] { border-color: #6c5ce7; outline: none; }

/* ─── ACTION BUTTONS ─── */
.cancel-actions[b-tjb7qsm3zr] { display: flex; gap: 12px; max-width: 560px; }
.cancel-keep-btn[b-tjb7qsm3zr] { background: linear-gradient(135deg, #6c5ce7 0%, #8b5cf6 100%); border: none; border-radius: 10px; color: #fff; cursor: pointer; flex: 1; font-family: inherit; font-size: 15px; font-weight: 600; padding: 14px 24px; transition: box-shadow 0.15s ease, transform 0.15s ease; }
.cancel-keep-btn:hover[b-tjb7qsm3zr] { box-shadow: 0 4px 16px rgba(108, 92, 231, 0.3); transform: translateY(-1px); }
.cancel-proceed-btn[b-tjb7qsm3zr] { background: #fff; border: 1px solid #e74c3c; border-radius: 10px; color: #e74c3c; cursor: pointer; flex: 1; font-family: inherit; font-size: 15px; font-weight: 600; padding: 14px 24px; transition: background 0.15s ease; }
.cancel-proceed-btn:hover[b-tjb7qsm3zr] { background: rgba(231, 76, 60, 0.05); }

/* ─── ANIMATIONS ─── */
@keyframes fadeUp-b-tjb7qsm3zr { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }
.animate-in[b-tjb7qsm3zr] { animation: fadeUp-b-tjb7qsm3zr 0.5s ease forwards; opacity: 0; }
.delay-1[b-tjb7qsm3zr] { animation-delay: 0.05s; }
.delay-2[b-tjb7qsm3zr] { animation-delay: 0.1s; }
.delay-3[b-tjb7qsm3zr] { animation-delay: 0.15s; }
.delay-4[b-tjb7qsm3zr] { animation-delay: 0.2s; }

/* ─── RESPONSIVE ─── */
@media (max-width: 641px) {
    .cancel-hero[b-tjb7qsm3zr] { margin: -24px -20px 24px; padding: 20px 20px 32px; }
    .cancel-actions[b-tjb7qsm3zr] { flex-direction: column; }
}
/* /Components/Pages/Dashboard.razor.rz.scp.css */
/* ─── SWOOSH HERO ─── */
.dash-hero[b-7ro1f435ws] { margin: -32px -40px 32px; overflow: hidden; padding: 24px 40px 48px; position: relative; }
.dash-hero-bg[b-7ro1f435ws] { height: 100%; left: 0; pointer-events: none; position: absolute; right: 0; top: 0; }
.dash-hero-bg svg[b-7ro1f435ws] { display: block; height: 100%; min-height: 280px; width: 100%; }
.deco-circle[b-7ro1f435ws] { background: rgba(255, 255, 255, 0.07); border-radius: 50%; position: absolute; }
.deco-circle-1[b-7ro1f435ws] { height: 260px; right: 10%; top: -40px; width: 260px; }
.deco-circle-2[b-7ro1f435ws] { height: 180px; left: 15%; top: 120px; width: 180px; }
.deco-circle-3[b-7ro1f435ws] { bottom: 40px; height: 220px; right: 25%; width: 220px; }
.dash-hero-bar[b-7ro1f435ws] { display: flex; justify-content: flex-end; margin-bottom: 16px; position: relative; z-index: 2; }
.sign-out-btn[b-7ro1f435ws] { background: rgba(255, 255, 255, 0.15); border-radius: 8px; color: rgba(255, 255, 255, 0.9); font-size: 13px; font-weight: 500; padding: 8px 18px; text-decoration: none; transition: background 0.15s ease; }
.sign-out-btn:hover[b-7ro1f435ws] { background: rgba(255, 255, 255, 0.25); color: #fff; }

/* ─── TOP BAR ─── */
.top-bar[b-7ro1f435ws] { align-items: center; display: flex; justify-content: space-between; position: relative; z-index: 2; }
.greeting h1[b-7ro1f435ws] { color: #fff; font-size: 26px; font-weight: 700; letter-spacing: -0.5px; }
.greeting p[b-7ro1f435ws] { color: rgba(255, 255, 255, 0.7); font-size: 14px; margin-top: 4px; }
.period-pills[b-7ro1f435ws] { background: rgba(255, 255, 255, 0.15); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 10px; display: flex; gap: 2px; padding: 4px; }
.pill[b-7ro1f435ws] { background: transparent; border: none; border-radius: 8px; color: rgba(255, 255, 255, 0.6); cursor: pointer; font-family: inherit; font-size: 13px; font-weight: 500; padding: 8px 16px; transition: all 0.15s ease; }
.pill:hover[b-7ro1f435ws] { color: #fff; }
.pill.active[b-7ro1f435ws] { background: #fff; color: #6c5ce7; font-weight: 600; }

/* ─── SUMMARY CARDS ─── */
.summary-row[b-7ro1f435ws] { display: grid; gap: 20px; grid-template-columns: repeat(4, 1fr); margin-bottom: 28px; }
.summary-card[b-7ro1f435ws] { background: #fff; border: 1px solid #eee; border-radius: 14px; padding: 22px 24px; position: relative; transition: border-color 0.2s ease, box-shadow 0.2s ease; }
.summary-card:hover[b-7ro1f435ws] { border-color: #e0dce8; box-shadow: 0 4px 20px rgba(108, 92, 231, 0.06); }
.card-label[b-7ro1f435ws] { color: #999; font-size: 12px; font-weight: 600; letter-spacing: 0.5px; margin-bottom: 10px; text-transform: uppercase; }
.card-value[b-7ro1f435ws] { color: #1a1a2e; font-size: 30px; font-weight: 700; letter-spacing: -0.5px; line-height: 1; }
.card-badge[b-7ro1f435ws] { align-items: center; background: rgba(39, 174, 96, 0.08); border-radius: 6px; color: #27ae60; display: inline-flex; font-size: 12px; font-weight: 600; gap: 3px; margin-top: 10px; padding: 4px 10px; }
.card-badge svg[b-7ro1f435ws] { height: 12px; width: 12px; }
.platform-dots[b-7ro1f435ws] { display: flex; gap: 6px; margin-top: 12px; }
.platform-dot[b-7ro1f435ws] { border-radius: 50%; height: 10px; width: 10px; }
.mini-progress[b-7ro1f435ws] { background: #f0edff; border-radius: 99px; height: 8px; margin-top: 12px; overflow: hidden; width: 100%; }
.mini-progress-fill[b-7ro1f435ws] { background: linear-gradient(90deg, #6c5ce7, #8b5cf6); border-radius: 99px; height: 100%; transition: width 1s ease; }
.goal-label[b-7ro1f435ws] { color: #999; font-size: 12px; margin-top: 6px; }

/* ─── CHART ─── */
.chart-card[b-7ro1f435ws] { background: #fff; border: 1px solid #eee; border-radius: 14px; margin-bottom: 28px; padding: 28px; }
.chart-header[b-7ro1f435ws] { align-items: center; display: flex; justify-content: space-between; margin-bottom: 24px; }
.chart-header h3[b-7ro1f435ws] { color: #1a1a2e; font-size: 16px; font-weight: 600; }
.chart-legend[b-7ro1f435ws] { align-items: center; display: flex; gap: 16px; }
.legend-item[b-7ro1f435ws] { align-items: center; color: #999; display: flex; font-size: 12px; gap: 6px; }
.legend-dot[b-7ro1f435ws] { border-radius: 50%; height: 8px; width: 8px; }
.chart-area[b-7ro1f435ws] { height: 220px; position: relative; width: 100%; }
.chart-area svg[b-7ro1f435ws] { display: block; height: 100%; width: 100%; }
.chart-grid line[b-7ro1f435ws] { stroke: #f0edff; stroke-width: 1; }
.chart-label[b-7ro1f435ws] { fill: #bbb; font-family: 'DM Sans', sans-serif; font-size: 11px; }

/* ─── TWO COLUMN ─── */
.two-col[b-7ro1f435ws] { display: grid; gap: 28px; grid-template-columns: 1fr 1fr; margin-bottom: 28px; }
.section-card[b-7ro1f435ws] { background: #fff; border: 1px solid #eee; border-radius: 14px; padding: 28px; }
.section-card h3[b-7ro1f435ws] { color: #1a1a2e; font-size: 16px; font-weight: 600; margin-bottom: 24px; }

/* ─── PLATFORM BREAKDOWN ─── */
.platform-row[b-7ro1f435ws] { align-items: center; display: flex; gap: 12px; padding: 14px 0; }
.platform-row + .platform-row[b-7ro1f435ws] { border-top: 1px solid #f8f7fc; }
.platform-color-dot[b-7ro1f435ws] { border-radius: 50%; flex-shrink: 0; height: 10px; width: 10px; }
.platform-name[b-7ro1f435ws] { color: #1a1a2e; flex-shrink: 0; font-size: 14px; font-weight: 500; width: 70px; }
.platform-bar-track[b-7ro1f435ws] { background: #f8f7fc; border-radius: 99px; flex: 1; height: 8px; overflow: hidden; }
.platform-bar-fill[b-7ro1f435ws] { border-radius: 99px; height: 100%; transition: width 0.8s ease; }
.platform-amount[b-7ro1f435ws] { color: #1a1a2e; flex-shrink: 0; font-size: 14px; font-weight: 600; text-align: right; width: 72px; }
.platform-pct[b-7ro1f435ws] { color: #999; flex-shrink: 0; font-size: 12px; text-align: right; width: 36px; }

/* ─── REVENUE GOAL CIRCLE ─── */
.goal-center[b-7ro1f435ws] { align-items: center; display: flex; flex-direction: column; padding-top: 8px; }
.circle-progress[b-7ro1f435ws] { height: 160px; position: relative; width: 160px; }
.circle-progress svg[b-7ro1f435ws] { height: 100%; transform: rotate(-90deg); width: 100%; }
.circle-bg[b-7ro1f435ws] { fill: none; stroke: #f0edff; stroke-width: 10; }
.circle-fill[b-7ro1f435ws] { fill: none; stroke: url(#goalGrad); stroke-linecap: round; stroke-width: 10; transition: stroke-dashoffset 1.2s ease; }
.circle-text[b-7ro1f435ws] { align-items: center; display: flex; flex-direction: column; height: 100%; justify-content: center; left: 0; position: absolute; top: 0; width: 100%; }
.circle-pct[b-7ro1f435ws] { color: #1a1a2e; font-size: 36px; font-weight: 700; letter-spacing: -1px; line-height: 1; }
.circle-sub[b-7ro1f435ws] { color: #999; font-size: 12px; margin-top: 4px; }
.goal-amounts[b-7ro1f435ws] { color: #1a1a2e; font-size: 15px; font-weight: 600; margin-top: 20px; text-align: center; }
.goal-amounts span[b-7ro1f435ws] { color: #999; font-weight: 400; }
.goal-target[b-7ro1f435ws] { color: #999; font-size: 13px; margin-top: 4px; text-align: center; }
.goal-status[b-7ro1f435ws] { align-items: center; background: rgba(39, 174, 96, 0.08); border-radius: 8px; color: #27ae60; display: inline-flex; font-size: 13px; font-weight: 500; gap: 6px; margin-top: 16px; padding: 8px 16px; }
.goal-status svg[b-7ro1f435ws] { flex-shrink: 0; height: 14px; width: 14px; }

/* ─── RECENT TRANSACTIONS ─── */
.transactions-card[b-7ro1f435ws] { background: #fff; border: 1px solid #eee; border-radius: 14px; padding: 28px; }
.transactions-header[b-7ro1f435ws] { align-items: center; display: flex; justify-content: space-between; margin-bottom: 20px; }
.transactions-header h3[b-7ro1f435ws] { color: #1a1a2e; font-size: 16px; font-weight: 600; }
.view-all[b-7ro1f435ws] { background: none; border: none; color: #6c5ce7; cursor: pointer; font-family: inherit; font-size: 13px; font-weight: 500; padding: 4px 0; transition: color 0.15s ease; }
.view-all:hover[b-7ro1f435ws] { color: #5a4bd1; }
.tx-table[b-7ro1f435ws] { border-collapse: collapse; width: 100%; }
.tx-table th[b-7ro1f435ws] { border-bottom: 1px solid #eee; color: #999; font-size: 11px; font-weight: 600; letter-spacing: 0.5px; padding: 0 0 12px; text-align: left; text-transform: uppercase; }
.tx-table th:last-child[b-7ro1f435ws] { text-align: right; }
.tx-table td[b-7ro1f435ws] { border-bottom: 1px solid #f8f7fc; color: #555; font-size: 14px; padding: 14px 0; }
.tx-table tr:last-child td[b-7ro1f435ws] { border-bottom: none; }
.tx-table td:last-child[b-7ro1f435ws] { color: #1a1a2e; font-weight: 600; text-align: right; }
.tx-platform[b-7ro1f435ws] { align-items: center; display: flex; gap: 8px; }
.tx-dot[b-7ro1f435ws] { border-radius: 50%; flex-shrink: 0; height: 8px; width: 8px; }
.tx-platform-name[b-7ro1f435ws] { color: #1a1a2e; font-weight: 500; }

/* ─── ANIMATIONS ─── */
@keyframes fadeUp-b-7ro1f435ws {
    from { opacity: 0; transform: translateY(16px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-in[b-7ro1f435ws] { animation: fadeUp-b-7ro1f435ws 0.5s ease forwards; opacity: 0; }
.delay-1[b-7ro1f435ws] { animation-delay: 0.05s; }
.delay-2[b-7ro1f435ws] { animation-delay: 0.1s; }
.delay-3[b-7ro1f435ws] { animation-delay: 0.15s; }
.delay-4[b-7ro1f435ws] { animation-delay: 0.2s; }
.delay-5[b-7ro1f435ws] { animation-delay: 0.25s; }

/* ─── RESPONSIVE ─── */
@media (max-width: 1024px) {
    .summary-row[b-7ro1f435ws] { grid-template-columns: repeat(2, 1fr); }
    .two-col[b-7ro1f435ws] { grid-template-columns: 1fr; }
}

@media (max-width: 641px) {
    .dash-hero[b-7ro1f435ws] { margin: -24px -20px 24px; padding: 20px 20px 40px; }
    .summary-row[b-7ro1f435ws] { grid-template-columns: 1fr; }
    .top-bar[b-7ro1f435ws] { flex-direction: column; gap: 16px; }
}
/* /Components/Pages/Error.razor.rz.scp.css */
/* ─── ERROR PAGE ─── */
.error-page[b-3sgnelc350] { background: #f8f7fc; min-height: 100vh; overflow: hidden; padding: 0 0 80px; position: relative; }
.error-shell[b-3sgnelc350] { margin: 0 auto; max-width: 520px; padding: 0 24px; position: relative; text-align: center; z-index: 2; }
[b-3sgnelc350] .hero-bg { height: 600px !important; }

/* ─── ICON ─── */
.error-icon-wrap[b-3sgnelc350] { align-items: center; background: rgba(255, 255, 255, 0.15); border-radius: 50%; display: flex; height: 72px; justify-content: center; margin: 12px auto 12px; width: 72px; }
.error-icon[b-3sgnelc350] { color: #fff; height: 32px; width: 32px; }

/* ─── TEXT ─── */
.error-code[b-3sgnelc350] { color: rgba(255, 255, 255, 0.4); font-size: 54px; font-weight: 700; letter-spacing: -2px; line-height: 1; margin-bottom: 8px; }
.error-title[b-3sgnelc350] { color: #f5c842; font-size: 28px; font-weight: 700; letter-spacing: -0.5px; margin-bottom: 8px; }
.error-desc[b-3sgnelc350] { color: rgba(255, 255, 255, 0.7); font-size: 15px; line-height: 1.6; margin-bottom: 24px; }

/* ─── GO BACK BUTTON (in BrandHeader) ─── */
[b-3sgnelc350] .back-link { border: none; cursor: pointer; font-family: 'DM Sans', sans-serif; }

/* ─── DEBUG ─── */
.error-debug[b-3sgnelc350] { background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 8px; display: inline-block; margin-top: 32px; padding: 12px 20px; }
.debug-label[b-3sgnelc350] { color: rgba(255, 255, 255, 0.5); font-size: 12px; font-weight: 500; margin-right: 8px; }
.debug-value[b-3sgnelc350] { background: rgba(0, 0, 0, 0.2); border-radius: 4px; color: #a78bfa; font-family: monospace; font-size: 12px; padding: 2px 8px; }

/* ─── FALLING NUMBERS ─── */
.falling-numbers[b-3sgnelc350] { bottom: 0; left: 0; pointer-events: none; position: absolute; right: 0; top: 50%; z-index: 1; }
.fall-digit[b-3sgnelc350] { font-family: 'DM Sans', sans-serif; font-weight: 700; opacity: 0; position: absolute; top: -50px; }
.fall-digit:nth-child(3n+1)[b-3sgnelc350] { animation-name: numberFallBold-b-3sgnelc350; animation-duration: 4s; animation-iteration-count: infinite; animation-timing-function: ease-in; color: #6c5ce7; }
.fall-digit:nth-child(3n+2)[b-3sgnelc350] { animation-name: numberFallMid-b-3sgnelc350; animation-duration: 4s; animation-iteration-count: infinite; animation-timing-function: ease-in; color: #8b5cf6; }
.fall-digit:nth-child(3n+3)[b-3sgnelc350] { animation-name: numberFallSoft-b-3sgnelc350; animation-duration: 4s; animation-iteration-count: infinite; animation-timing-function: ease-in; color: #a78bfa; }
.fall-digit:nth-child(1)[b-3sgnelc350] { animation-delay: 0.2s; animation-duration: 3.6s; font-size: 46px; left: 10%; }
.fall-digit:nth-child(2)[b-3sgnelc350] { animation-delay: 1.1s; animation-duration: 4.2s; font-size: 38px; left: 85%; }
.fall-digit:nth-child(3)[b-3sgnelc350] { animation-delay: 0.5s; animation-duration: 3.8s; font-size: 52px; left: 35%; }
.fall-digit:nth-child(4)[b-3sgnelc350] { animation-delay: 2.3s; animation-duration: 3.4s; font-size: 34px; left: 60%; }
.fall-digit:nth-child(5)[b-3sgnelc350] { animation-delay: 1.7s; animation-duration: 4.5s; font-size: 42px; left: 20%; }
.fall-digit:nth-child(6)[b-3sgnelc350] { animation-delay: 0.8s; animation-duration: 3.9s; font-size: 48px; left: 75%; }
.fall-digit:nth-child(7)[b-3sgnelc350] { animation-delay: 3.0s; animation-duration: 3.5s; font-size: 36px; left: 45%; }
.fall-digit:nth-child(8)[b-3sgnelc350] { animation-delay: 1.4s; animation-duration: 4.1s; font-size: 54px; left: 92%; }
.fall-digit:nth-child(9)[b-3sgnelc350] { animation-delay: 2.6s; animation-duration: 3.7s; font-size: 40px; left: 55%; }
.fall-digit:nth-child(10)[b-3sgnelc350] { animation-delay: 0.3s; animation-duration: 4.4s; font-size: 44px; left: 3%; }
.fall-digit:nth-child(11)[b-3sgnelc350] { animation-delay: 1.9s; animation-duration: 3.3s; font-size: 58px; left: 68%; }
.fall-digit:nth-child(12)[b-3sgnelc350] { animation-delay: 2.0s; animation-duration: 3.3s; font-size: 52px; left: 5%; }

@keyframes numberFallBold-b-3sgnelc350 {
    0% { opacity: 0; transform: translateY(0) rotate(0deg); }
    10% { opacity: 0.28; }
    50% { transform: translateY(150px) rotate(8deg); }
    80% { opacity: 0.2; transform: translateY(300px) rotate(-5deg); }
    100% { opacity: 0.12; transform: translateY(400px) rotate(0deg); }
}

@keyframes numberFallMid-b-3sgnelc350 {
    0% { opacity: 0; transform: translateY(0) rotate(0deg); }
    10% { opacity: 0.18; }
    50% { transform: translateY(150px) rotate(8deg); }
    80% { opacity: 0.14; transform: translateY(300px) rotate(-5deg); }
    100% { opacity: 0.08; transform: translateY(400px) rotate(0deg); }
}

@keyframes numberFallSoft-b-3sgnelc350 {
    0% { opacity: 0; transform: translateY(0) rotate(0deg); }
    10% { opacity: 0.1; }
    50% { transform: translateY(150px) rotate(8deg); }
    80% { opacity: 0.07; transform: translateY(300px) rotate(-5deg); }
    100% { opacity: 0.04; transform: translateY(400px) rotate(0deg); }
}

/* ─── RESPONSIVE ─── */
@media (max-width: 480px) {
    .error-code[b-3sgnelc350] { font-size: 48px; }
    .error-icon-wrap[b-3sgnelc350] { height: 64px; width: 64px; }
    .error-icon[b-3sgnelc350] { height: 28px; width: 28px; }
    .error-page[b-3sgnelc350] { padding: 0 16px 60px; }
    .error-title[b-3sgnelc350] { font-size: 24px; }
}
/* /Components/Pages/LandingPage.razor.rz.scp.css */
/* Component Reset */
*[b-el94crie24], *[b-el94crie24]::before, *[b-el94crie24]::after { box-sizing: border-box; margin: 0; padding: 0; }

/* SIGN-OUT TOAST */
.signout-toast[b-el94crie24] { align-items: center; animation: toastLife-b-el94crie24 5.5s ease forwards; background: #1a1a2e; border-radius: 12px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18); color: #fff; display: flex; font-size: 14px; font-weight: 500; gap: 10px; left: 50%; padding: 14px 20px; position: fixed; top: 20px; transform: translateX(-50%); z-index: 200; }
.signout-toast-icon[b-el94crie24] { color: #27ae60; flex-shrink: 0; height: 20px; width: 20px; }
.signout-toast-dismiss[b-el94crie24] { background: transparent; border: none; border-radius: 6px; color: rgba(255, 255, 255, 0.5); cursor: pointer; font-size: 18px; line-height: 1; margin-left: 8px; padding: 2px 6px; transition: background 0.15s ease, color 0.15s ease; }
.signout-toast-dismiss:hover[b-el94crie24] { background: rgba(255, 255, 255, 0.1); color: #fff; }

@keyframes toastLife-b-el94crie24 {
    0% { opacity: 0; transform: translateX(-50%) translateY(-20px); }
    8% { opacity: 1; transform: translateX(-50%) translateY(0); }
    75% { opacity: 1; transform: translateX(-50%) translateY(0); }
    100% { opacity: 0; pointer-events: none; transform: translateX(-50%) translateY(-20px); }
}

/* NAV */
nav[b-el94crie24] { align-items: center; background: transparent; display: flex; height: 64px; left: 0; padding: 0 48px; position: fixed; right: 0; top: 0; z-index: 100; }
.logo[b-el94crie24] { color: #1a1a2e; cursor: pointer; font-size: 20px; font-weight: 700; letter-spacing: -0.5px; margin-right: auto; text-decoration: none; }
.logo span[b-el94crie24] { color: #6c5ce7; }
nav ul[b-el94crie24] { display: flex; gap: 32px; list-style: none; margin-right: 24px; }
nav ul a[b-el94crie24] { color: rgba(255,255,255,0.85); cursor: pointer; font-size: 14px; font-weight: 500; text-decoration: none; transition: color 0.3s; }
nav ul a:hover[b-el94crie24] { color: #fff; }

/* Nav over light sections */
nav.on-light ul a[b-el94crie24] { color: #6c5ce7; }
nav.on-light ul a:hover[b-el94crie24] { color: #5a4bd1; }
nav.on-light .logo[b-el94crie24] { color: #1a1a2e; }
nav.on-light .logo span[b-el94crie24] { color: #6c5ce7; }

/* Nav over dark sections */
nav.on-dark .logo[b-el94crie24] { color: #fff; }
nav.on-dark .logo span[b-el94crie24] { color: #a78bfa; }
nav.on-dark ul a[b-el94crie24] { color: rgba(255,255,255,0.85); }
nav.on-dark ul a:hover[b-el94crie24] { color: #fff; }

.nav-cta[b-el94crie24] { background: #6c5ce7; border: none; border-radius: 8px; color: #fff; cursor: pointer; font-size: 14px; font-weight: 600; padding: 10px 24px; text-decoration: none; transition: background 0.2s; }
.nav-cta:hover[b-el94crie24] { background: #5a4bd1; }

/* HERO */
.hero[b-el94crie24] { display: grid; grid-template-columns: 1fr 1fr; margin-top: 0; min-height: 100vh; overflow: hidden; position: relative; }
.hero-left[b-el94crie24] { display: flex; flex-direction: column; justify-content: center; padding: 120px 64px 80px 80px; position: relative; z-index: 2; }
.hero-right[b-el94crie24] { align-items: center; display: flex; justify-content: center; padding-bottom: 100px; position: relative; z-index: 2; }

/* Hero background shape */
.hero-bg-shape[b-el94crie24] { bottom: 0; left: 0; pointer-events: none; position: absolute; right: 0; top: 0; z-index: 1; }
.hero-bg-shape svg[b-el94crie24] { height: 100%; position: absolute; right: 0; top: 0; width: 100%; }
.deco-circle[b-el94crie24] { background: rgba(255,255,255,0.07); border-radius: 50%; position: absolute; }
.deco-circle-1[b-el94crie24] { height: 300px; right: 10%; top: -40px; width: 300px; }
.deco-circle-2[b-el94crie24] { height: 220px; right: 45%; top: 40%; width: 220px; }
.deco-circle-3[b-el94crie24] { bottom: -30px; height: 260px; right: 25%; width: 260px; }
.deco-circle-4[b-el94crie24] { background: rgba(255,255,255,0.05); height: 140px; right: 28%; top: 20%; width: 140px; }
.hero-tag[b-el94crie24] { background: #f0edff; border-radius: 99px; color: #6c5ce7; display: inline-block; font-size: 12px; font-weight: 600; letter-spacing: 1.5px; margin-bottom: 24px; padding: 6px 14px; text-transform: uppercase; width: fit-content; }
.hero h1[b-el94crie24] { color: #1a1a2e; font-size: 52px; font-weight: 700; letter-spacing: -1.5px; line-height: 1.12; margin-bottom: 20px; }
.hero h1 em[b-el94crie24] { color: #f5c842; font-style: normal; }
.hero p[b-el94crie24] { color: #555; font-size: 18px; line-height: 1.65; margin-bottom: 36px; max-width: 460px; }

/* WAITLIST BUTTON */
.waitlist-btn[b-el94crie24] { background: #6c5ce7; border: none; border-radius: 10px; color: #fff; cursor: pointer; display: inline-block; font-family: inherit; font-size: 15px; font-weight: 600; padding: 14px 28px; text-decoration: none; transition: background 0.2s, transform 0.1s; white-space: nowrap; width: fit-content; }
.waitlist-btn:hover[b-el94crie24] { background: #5a4bd1; }
.waitlist-btn:active[b-el94crie24] { transform: scale(0.97); }
.hero .hero-note[b-el94crie24] { color: #999; font-size: 13px; margin-bottom: 0; margin-top: 12px; }

/* Platform colors */
.p-stripe[b-el94crie24] { color: #635bff; font-weight: 700; }
.p-etsy[b-el94crie24] { color: #f56400; font-weight: 700; }
.p-gumroad[b-el94crie24] { color: #ff90e8; font-weight: 700; }
.p-paypal[b-el94crie24] { color: #003087; font-weight: 700; }
.p-shopify[b-el94crie24] { color: #96bf48; font-weight: 700; }

/* Dashboard mockup */
.dash-mockup[b-el94crie24] { background: #fff; border-radius: 16px; box-shadow: 0 24px 80px rgba(0,0,0,0.25); padding: 28px; position: relative; width: 420px; z-index: 2; }
.dash-header[b-el94crie24] { align-items: baseline; display: flex; justify-content: space-between; margin-bottom: 24px; }
.dash-header h3[b-el94crie24] { color: #1a1a2e; font-size: 14px; font-weight: 600; }
.dash-period[b-el94crie24] { color: #999; font-size: 12px; }
.dash-total[b-el94crie24] { color: #1a1a2e; font-size: 36px; font-weight: 700; margin-bottom: 4px; }
.dash-change[b-el94crie24] { color: #27ae60; font-size: 13px; font-weight: 500; margin-bottom: 24px; }
.dash-chart[b-el94crie24] { align-items: flex-end; display: flex; gap: 8px; height: 100px; margin-bottom: 24px; }
.dash-bar[b-el94crie24] { border-radius: 6px 6px 0 0; flex: 1; transition: height 0.3s; }
.dash-bar:nth-child(odd)[b-el94crie24] { background: #6c5ce7; }
.dash-bar:nth-child(even)[b-el94crie24] { background: #e0dce8; }
.dash-platforms[b-el94crie24] { display: flex; flex-direction: column; gap: 10px; }
.dash-plat[b-el94crie24] { align-items: center; background: #f8f7fc; border-radius: 8px; display: flex; justify-content: space-between; padding: 10px 14px; }
.dash-plat-name[b-el94crie24] { align-items: center; color: #333; display: flex; font-size: 13px; font-weight: 500; gap: 8px; }
.dash-plat-dot[b-el94crie24] { border-radius: 50%; height: 8px; width: 8px; }
.dash-plat-amt[b-el94crie24] { color: #1a1a2e; font-size: 13px; font-weight: 600; }

/* WAVE DIVIDER */
.wave-divider[b-el94crie24] { bottom: 0; left: 0; line-height: 0; overflow: hidden; position: absolute; right: 0; z-index: 3; }
.wave-divider svg[b-el94crie24] { display: block; height: 80px; width: 100%; }

/* HOW IT WORKS */
.how-section[b-el94crie24] { background: #f8f7fc; padding: 80px 80px; }
.section-tag[b-el94crie24] { color: #6c5ce7; font-size: 12px; font-weight: 600; letter-spacing: 1.5px; margin-bottom: 12px; text-transform: uppercase; }
.how-section h2[b-el94crie24] { color: #1a1a2e; font-size: 36px; font-weight: 700; letter-spacing: -1px; margin-bottom: 16px; }
.how-section > p[b-el94crie24] { color: #666; font-size: 17px; line-height: 1.6; margin-bottom: 56px; max-width: 520px; }
.steps[b-el94crie24] { display: grid; gap: 40px; grid-template-columns: repeat(3, 1fr); }
.step[b-el94crie24] { position: relative; }
.step-num[b-el94crie24] { color: #e0dce8; font-size: 48px; font-weight: 700; line-height: 1; margin-bottom: 16px; }
.step h3[b-el94crie24] { color: #1a1a2e; font-size: 18px; font-weight: 600; margin-bottom: 10px; }
.step p[b-el94crie24] { color: #666; font-size: 15px; line-height: 1.6; }

/* FEATURES */
.features-section[b-el94crie24] { background: #fff; padding: 80px 80px; }
.features-section h2[b-el94crie24] { color: #1a1a2e; font-size: 36px; font-weight: 700; letter-spacing: -1px; margin-bottom: 16px; }
.features-section > p[b-el94crie24] { color: #666; font-size: 17px; line-height: 1.6; margin-bottom: 56px; max-width: 520px; }
.features-grid[b-el94crie24] { display: grid; gap: 32px; grid-template-columns: repeat(2, 1fr); max-width: 820px; }
.feature-card[b-el94crie24] { border: 1px solid #eee; border-radius: 14px; padding: 32px; transition: border-color 0.2s, box-shadow 0.2s; }
.feature-card:hover[b-el94crie24] { border-color: #d6d0f0; box-shadow: 0 4px 20px rgba(108,92,231,0.08); }
.feature-icon[b-el94crie24] { align-items: center; background: #f0edff; border-radius: 10px; display: flex; font-size: 20px; height: 44px; justify-content: center; margin-bottom: 18px; width: 44px; }
.feature-card h3[b-el94crie24] { color: #1a1a2e; font-size: 17px; font-weight: 600; margin-bottom: 8px; }
.feature-card p[b-el94crie24] { color: #666; font-size: 14px; line-height: 1.6; }

/* PRICING */
.pricing-section[b-el94crie24] { background: #1a1a2e; color: #fff; padding: 80px 80px; text-align: center; }
.pricing-section .section-tag[b-el94crie24] { color: #a78bfa; }
.pricing-section h2[b-el94crie24] { font-size: 36px; font-weight: 700; letter-spacing: -1px; margin-bottom: 16px; }
.pricing-section > p[b-el94crie24] { color: rgba(255,255,255,0.6); font-size: 17px; line-height: 1.6; margin: 0 auto 48px; max-width: 480px; }
.pricing-cards[b-el94crie24] { display: grid; gap: 24px; grid-template-columns: repeat(2, 1fr); margin: 0 auto; max-width: 640px; }
.price-card[b-el94crie24] { border-radius: 14px; padding: 36px; text-align: left; }
.price-card.free[b-el94crie24] { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1); }
.price-card.pro[b-el94crie24] { background: #6c5ce7; border: 1px solid #7c6ef0; }
.price-card h3[b-el94crie24] { font-size: 16px; font-weight: 600; margin-bottom: 8px; }
.price-card .price[b-el94crie24] { font-size: 32px; font-weight: 700; margin-bottom: 6px; }
.price-card .price-sub[b-el94crie24] { color: rgba(255,255,255,0.5); font-size: 13px; margin-bottom: 20px; }
.price-card.pro .price-sub[b-el94crie24] { color: rgba(255,255,255,0.7); }
.price-features[b-el94crie24] { list-style: none; }
.price-features li[b-el94crie24] { align-items: center; color: rgba(255,255,255,0.7); display: flex; font-size: 14px; gap: 8px; padding: 6px 0; }
.price-features li[b-el94crie24]::before { color: #a78bfa; content: '\2713'; font-size: 13px; font-weight: 700; }
.price-card.pro .price-features li[b-el94crie24] { color: rgba(255,255,255,0.9); }
.price-card.pro .price-features li[b-el94crie24]::before { color: #fff; }

/* BOTTOM CTA */
.bottom-cta[b-el94crie24] { background: #fff; padding: 80px 80px; text-align: center; }
.bottom-cta h2[b-el94crie24] { color: #1a1a2e; font-size: 36px; font-weight: 700; letter-spacing: -1px; margin-bottom: 16px; }
.bottom-cta p[b-el94crie24] { color: #666; font-size: 17px; line-height: 1.6; margin: 0 auto 36px; max-width: 440px; }
.bottom-cta .waitlist-btn[b-el94crie24] { margin: 0 auto; }

/* FOOTER */

/* RESPONSIVE — short viewport */
@media (max-height: 820px) {
    .dash-chart[b-el94crie24] { height: 64px; margin-bottom: 16px; }
    .dash-change[b-el94crie24] { margin-bottom: 16px; }
    .dash-header[b-el94crie24] { margin-bottom: 16px; }
    .dash-mockup[b-el94crie24] { padding: 20px; width: 360px; }
    .dash-plat[b-el94crie24] { padding: 8px 12px; }
    .dash-platforms[b-el94crie24] { gap: 6px; }
    .dash-total[b-el94crie24] { font-size: 28px; }
}

/* RESPONSIVE — narrow viewport */
@media (max-width: 900px) {
    .hero[b-el94crie24] { grid-template-columns: 1fr; }
    .hero-left[b-el94crie24] { padding: 60px 32px; }
    .hero-right[b-el94crie24] { min-height: 400px; }
    .hero-bg-shape[b-el94crie24] { left: 0; }
    nav[b-el94crie24] { padding: 0 24px; }
    nav ul[b-el94crie24] { display: none; }
    .how-section[b-el94crie24], .features-section[b-el94crie24], .pricing-section[b-el94crie24], .bottom-cta[b-el94crie24] { padding: 60px 32px; }
    .steps[b-el94crie24] { gap: 32px; grid-template-columns: 1fr; }
    .features-grid[b-el94crie24] { grid-template-columns: 1fr; }
    .pricing-cards[b-el94crie24] { grid-template-columns: 1fr; }
}
/* /Components/Pages/SignIn.razor.rz.scp.css */
.signin-page[b-c62m56kwpi] { background: #f8f7fc; min-height: 100vh; overflow: hidden; padding: 0 0 80px; position: relative; }
.signin-shell[b-c62m56kwpi] { margin: 0 auto; max-width: 420px; position: relative; text-align: center; z-index: 2; }

/* ─── HEADER TEXT ─── */
.page-heading[b-c62m56kwpi] { color: #fff; font-size: 28px; font-weight: 700; letter-spacing: -0.5px; margin-bottom: 8px; padding-top: 24px; }
.page-sub[b-c62m56kwpi] { color: rgba(255, 255, 255, 0.7); font-size: 15px; line-height: 1.6; margin-bottom: 32px; }

/* ─── LOGIN CARD ─── */
.login-card[b-c62m56kwpi] { background: #ffffff; border: 1px solid #e0dce8; border-radius: 16px; box-shadow: 0 4px 24px rgba(108, 92, 231, 0.08); padding: 36px 32px; text-align: center; }
.login-hint[b-c62m56kwpi] { color: #6c5ce7; font-size: 13px; margin-bottom: 24px; }
.login-buttons[b-c62m56kwpi] { display: flex; flex-direction: column; gap: 12px; }
.login-btn[b-c62m56kwpi] { align-items: center; border-radius: 10px; cursor: pointer; display: flex; font-family: 'DM Sans', sans-serif; font-size: 15px; font-weight: 600; gap: 12px; justify-content: center; padding: 14px 24px; transition: background 0.2s, box-shadow 0.2s, transform 0.1s; width: 100%; }
.login-btn:active[b-c62m56kwpi] { transform: scale(0.98); }
.login-btn-icon[b-c62m56kwpi] { flex-shrink: 0; height: 20px; width: 20px; }
.login-btn-google[b-c62m56kwpi] { background: #ffffff; border: 2px solid #e0dce8; color: #1a1a2e; }
.login-btn-google:hover[b-c62m56kwpi] { border-color: #d0cbe0; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); }
.login-btn-apple[b-c62m56kwpi] { background: #000000; border: 2px solid #000000; color: #ffffff; }
.login-btn-apple:hover[b-c62m56kwpi] { background: #1a1a1a; border-color: #1a1a1a; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); }
.login-btn-microsoft[b-c62m56kwpi] { background: #ffffff; border: 2px solid #e0dce8; color: #1a1a2e; }
.login-btn-microsoft:hover[b-c62m56kwpi] { border-color: #d0cbe0; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); }

/* ─── SIGNING-IN STATE ─── */
.login-btn:disabled[b-c62m56kwpi] { cursor: not-allowed; opacity: 0.5; transform: none; }
.login-btn:disabled:hover[b-c62m56kwpi] { box-shadow: none; }
.signing-in-status[b-c62m56kwpi] { align-items: center; display: flex; flex-direction: column; gap: 12px; margin-bottom: 24px; }
.signing-in-spinner[b-c62m56kwpi] { animation: spin-b-c62m56kwpi 1s linear infinite; border: 3px solid #e0dce8; border-radius: 50%; border-top-color: #6c5ce7; height: 28px; width: 28px; }
.signing-in-text[b-c62m56kwpi] { color: #6c5ce7; font-size: 14px; font-weight: 600; }
@keyframes spin-b-c62m56kwpi { to { transform: rotate(360deg); } }

/* ─── RESPONSIVE ─── */
@media (max-width: 480px) {
    .signin-page[b-c62m56kwpi] { padding: 0 16px 60px; }
    .page-heading[b-c62m56kwpi] { font-size: 24px; }
    .login-card[b-c62m56kwpi] { padding: 28px 20px; }
}
/* /Components/Pages/Subscription.razor.rz.scp.css */
/* ─── SWOOSH HERO ─── */
.sub-hero[b-30h9iloq1w] { background: linear-gradient(135deg, #6c5ce7 0%, #8b5cf6 50%, #6c5ce7 100%); margin: -32px -40px 32px; overflow: hidden; padding: 24px 40px 32px; position: relative; }
.sub-hero-bg[b-30h9iloq1w] { bottom: 0; left: 0; pointer-events: none; position: absolute; right: 0; }
.sub-hero-bg svg[b-30h9iloq1w] { display: block; height: 40px; width: 100%; }
.deco-circle[b-30h9iloq1w] { background: rgba(255, 255, 255, 0.07); border-radius: 50%; position: absolute; }
.deco-circle-1[b-30h9iloq1w] { height: 260px; right: 10%; top: -40px; width: 260px; }
.deco-circle-2[b-30h9iloq1w] { height: 180px; left: 15%; top: 120px; width: 180px; }
.deco-circle-3[b-30h9iloq1w] { bottom: 40px; height: 220px; right: 25%; width: 220px; }
.sub-hero-content[b-30h9iloq1w] { position: relative; z-index: 2; }
.sub-hero-top[b-30h9iloq1w] { display: flex; justify-content: space-between; margin-bottom: 8px; }
.sub-hero h1[b-30h9iloq1w] { color: #fff; font-size: 26px; font-weight: 700; letter-spacing: -0.5px; }
.sub-hero p[b-30h9iloq1w] { color: rgba(255, 255, 255, 0.7); font-size: 14px; margin-top: 4px; }

/* ─── CURRENT PLAN CARD ─── */
.sub-plan-card[b-30h9iloq1w] { background: #fff; border: 1px solid #eee; border-radius: 14px; margin-bottom: 24px; max-width: 640px; padding: 28px; }
.sub-plan-header[b-30h9iloq1w] { align-items: center; display: flex; justify-content: space-between; margin-bottom: 20px; }
.sub-plan-header h3[b-30h9iloq1w] { color: #1a1a2e; font-size: 18px; font-weight: 700; }
.sub-plan-status[b-30h9iloq1w] { align-items: center; color: #27ae60; display: flex; font-size: 13px; font-weight: 600; gap: 6px; }
.sub-status-dot[b-30h9iloq1w] { background: #27ae60; border-radius: 50%; height: 8px; width: 8px; }
.sub-plan-details[b-30h9iloq1w] { display: flex; flex-direction: column; gap: 20px; }
.sub-plan-name-row[b-30h9iloq1w] { align-items: baseline; display: flex; gap: 16px; }
.sub-plan-badge[b-30h9iloq1w] { background: #6c5ce7; border-radius: 6px; color: #fff; font-size: 13px; font-weight: 600; letter-spacing: 0.5px; padding: 4px 12px; text-transform: uppercase; }
.sub-plan-price[b-30h9iloq1w] { color: #1a1a2e; font-size: 32px; font-weight: 700; letter-spacing: -0.5px; line-height: 1; }
.sub-plan-price span[b-30h9iloq1w] { color: #999; font-size: 16px; font-weight: 400; }
.sub-plan-meta[b-30h9iloq1w] { display: flex; gap: 40px; }
.sub-meta-item[b-30h9iloq1w] { display: flex; flex-direction: column; gap: 2px; }
.sub-meta-label[b-30h9iloq1w] { color: #999; font-size: 12px; font-weight: 500; text-transform: uppercase; }
.sub-meta-value[b-30h9iloq1w] { color: #1a1a2e; font-size: 14px; font-weight: 600; }

/* ─── FEATURES CARD ─── */
.sub-features-card[b-30h9iloq1w] { background: #fff; border: 1px solid #eee; border-radius: 14px; margin-bottom: 24px; max-width: 640px; padding: 28px; }
.sub-features-card h3[b-30h9iloq1w] { color: #1a1a2e; font-size: 16px; font-weight: 700; margin-bottom: 16px; }
.sub-features-list[b-30h9iloq1w] { display: grid; gap: 4px; grid-template-columns: 1fr 1fr; list-style: none; margin: 0; padding: 0; }
.sub-features-list li[b-30h9iloq1w] { color: #555; font-size: 14px; padding: 6px 0 6px 24px; position: relative; }
.sub-features-list li[b-30h9iloq1w]::before { color: #27ae60; content: '\2713'; font-weight: 700; left: 0; position: absolute; }

/* ─── ACTIONS CARD ─── */
.sub-actions-card[b-30h9iloq1w] { background: #fff; border: 1px solid #eee; border-radius: 14px; max-width: 640px; padding: 28px; }
.sub-actions-card h3[b-30h9iloq1w] { color: #1a1a2e; font-size: 16px; font-weight: 700; margin-bottom: 20px; }
.sub-action-row[b-30h9iloq1w] { align-items: center; border-top: 1px solid #f8f7fc; display: flex; gap: 16px; justify-content: space-between; padding: 18px 0; }
.sub-action-row:first-of-type[b-30h9iloq1w] { border-top: none; padding-top: 0; }
.sub-action-info h4[b-30h9iloq1w] { color: #1a1a2e; font-size: 14px; font-weight: 600; margin-bottom: 2px; }
.sub-action-info p[b-30h9iloq1w] { color: #999; font-size: 13px; }
.sub-action-btn[b-30h9iloq1w] { border-radius: 8px; cursor: pointer; flex-shrink: 0; font-family: inherit; font-size: 13px; font-weight: 600; padding: 10px 20px; transition: all 0.15s ease; }
.sub-action-btn.primary[b-30h9iloq1w] { background: linear-gradient(135deg, #6c5ce7 0%, #8b5cf6 100%); border: none; color: #fff; }
.sub-action-btn.primary:hover[b-30h9iloq1w] { box-shadow: 0 4px 12px rgba(108, 92, 231, 0.3); transform: translateY(-1px); }
.sub-action-btn.outline[b-30h9iloq1w] { background: #fff; border: 1px solid #e0dce8; color: #6c5ce7; }
.sub-action-btn.outline:hover[b-30h9iloq1w] { background: #f8f7fc; border-color: #6c5ce7; }
.sub-action-btn.danger[b-30h9iloq1w] { background: #fff; border: 1px solid #e0dce8; color: #e74c3c; }
.sub-action-btn.danger:hover[b-30h9iloq1w] { background: rgba(231, 76, 60, 0.05); border-color: #e74c3c; }

/* ─── ANIMATIONS ─── */
@keyframes fadeUp-b-30h9iloq1w { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }
.animate-in[b-30h9iloq1w] { animation: fadeUp-b-30h9iloq1w 0.5s ease forwards; opacity: 0; }
.delay-1[b-30h9iloq1w] { animation-delay: 0.05s; }
.delay-2[b-30h9iloq1w] { animation-delay: 0.1s; }
.delay-3[b-30h9iloq1w] { animation-delay: 0.15s; }

/* ─── RESPONSIVE ─── */
@media (max-width: 641px) {
    .sub-hero[b-30h9iloq1w] { margin: -24px -20px 24px; padding: 20px 20px 32px; }
    .sub-plan-meta[b-30h9iloq1w] { flex-direction: column; gap: 12px; }
    .sub-features-list[b-30h9iloq1w] { grid-template-columns: 1fr; }
    .sub-action-row[b-30h9iloq1w] { flex-direction: column; gap: 12px; text-align: center; }
}
/* /Components/Pages/SuggestionBox.razor.rz.scp.css */
/* ─── SWOOSH HERO ─── */
.suggest-hero[b-0btmexbroa] { background: linear-gradient(135deg, #6c5ce7 0%, #8b5cf6 50%, #6c5ce7 100%); margin: -32px -40px 32px; overflow: hidden; padding: 24px 40px 32px; position: relative; }
.suggest-hero-bg[b-0btmexbroa] { bottom: 0; left: 0; pointer-events: none; position: absolute; right: 0; }
.suggest-hero-bg svg[b-0btmexbroa] { display: block; height: 40px; width: 100%; }
.deco-circle[b-0btmexbroa] { background: rgba(255, 255, 255, 0.07); border-radius: 50%; position: absolute; }
.deco-circle-1[b-0btmexbroa] { height: 260px; right: 10%; top: -40px; width: 260px; }
.deco-circle-2[b-0btmexbroa] { height: 180px; left: 15%; top: 120px; width: 180px; }
.deco-circle-3[b-0btmexbroa] { bottom: 40px; height: 220px; right: 25%; width: 220px; }
.suggest-hero-content[b-0btmexbroa] { position: relative; z-index: 2; }
.suggest-hero-top[b-0btmexbroa] { align-items: center; display: flex; justify-content: space-between; margin-bottom: 8px; }
.suggest-hero h1[b-0btmexbroa] { color: #fff; font-size: 26px; font-weight: 700; letter-spacing: -0.5px; }
.suggest-hero p[b-0btmexbroa] { color: rgba(255, 255, 255, 0.7); font-size: 14px; margin-top: 4px; }

.suggest-new-btn[b-0btmexbroa] { align-items: center; background: rgba(255, 255, 255, 0.18); border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 10px; color: #fff; cursor: pointer; display: flex; font-family: inherit; font-size: 14px; font-weight: 600; gap: 8px; padding: 10px 22px; transition: background 0.15s ease; }
.suggest-new-btn:hover[b-0btmexbroa] { background: rgba(255, 255, 255, 0.28); }
.suggest-new-btn svg[b-0btmexbroa] { height: 16px; width: 16px; }

/* ─── STATS ─── */
.suggest-stats[b-0btmexbroa] { display: flex; gap: 28px; margin-top: 8px; }
.suggest-stat[b-0btmexbroa] { align-items: center; display: flex; gap: 8px; }
.suggest-stat-num[b-0btmexbroa] { font-size: 22px; font-weight: 700; }
.suggest-stat-label[b-0btmexbroa] { color: rgba(255, 255, 255, 0.6); font-size: 13px; }
.suggest-stat:nth-child(1) .suggest-stat-num[b-0btmexbroa] { color: #a78bfa; }
.suggest-stat:nth-child(2) .suggest-stat-num[b-0btmexbroa] { color: #f5c842; }
.suggest-stat:nth-child(3) .suggest-stat-num[b-0btmexbroa] { color: #fff; }

/* ─── TOOLBAR ─── */
.suggest-toolbar[b-0btmexbroa] { align-items: center; display: flex; gap: 12px; margin-bottom: 24px; }
.suggest-cat-pills[b-0btmexbroa] { display: flex; flex-wrap: wrap; gap: 6px; }
.suggest-cat-pill[b-0btmexbroa] { background: #fff; border: 1px solid #e0dce8; border-radius: 8px; color: #555; cursor: pointer; font-family: inherit; font-size: 13px; font-weight: 500; padding: 8px 16px; transition: all 0.15s ease; }
.suggest-cat-pill:hover[b-0btmexbroa] { border-color: #6c5ce7; color: #6c5ce7; }
.suggest-cat-pill.active[b-0btmexbroa] { background: #6c5ce7; border-color: #6c5ce7; color: #fff; }
.suggest-sort[b-0btmexbroa] { align-items: center; color: #999; display: flex; font-size: 13px; gap: 6px; margin-left: auto; }
.suggest-sort-btn[b-0btmexbroa] { background: none; border: none; color: #999; cursor: pointer; font-family: inherit; font-size: 13px; font-weight: 500; padding: 4px 8px; transition: color 0.15s ease; }
.suggest-sort-btn:hover[b-0btmexbroa] { color: #6c5ce7; }
.suggest-sort-btn.active[b-0btmexbroa] { color: #6c5ce7; font-weight: 600; }

/* ─── CARD GRID ─── */
.suggest-grid[b-0btmexbroa] { display: grid; gap: 16px; grid-template-columns: repeat(2, 1fr); }

.suggest-card[b-0btmexbroa] { background: #fff; border: 1px solid #eee; border-radius: 14px; display: flex; flex-direction: column; padding: 24px; transition: border-color 0.2s ease, box-shadow 0.2s ease; }
.suggest-card:hover[b-0btmexbroa] { border-color: #e0dce8; box-shadow: 0 4px 20px rgba(108, 92, 231, 0.06); }
.suggest-card-header[b-0btmexbroa] { align-items: flex-start; display: flex; gap: 12px; justify-content: space-between; margin-bottom: 10px; }
.suggest-card-title[b-0btmexbroa] { color: #1a1a2e; font-size: 15px; font-weight: 600; }
.suggest-card-desc[b-0btmexbroa] { color: #555; flex: 1; font-size: 13px; line-height: 1.5; margin-bottom: 16px; }
.suggest-card-footer[b-0btmexbroa] { align-items: center; border-top: 1px solid #f8f7fc; display: flex; gap: 12px; justify-content: space-between; margin-top: auto; padding-top: 14px; }
.suggest-card-votes[b-0btmexbroa] { align-items: center; display: flex; gap: 6px; }

.suggest-vote-btn[b-0btmexbroa] { align-items: center; background: #f8f7fc; border: 1px solid #eee; border-radius: 8px; color: #999; cursor: pointer; display: flex; font-family: inherit; font-size: 13px; font-weight: 600; gap: 6px; padding: 6px 14px; transition: all 0.15s ease; }
.suggest-vote-btn:hover[b-0btmexbroa] { border-color: #6c5ce7; color: #6c5ce7; }
.suggest-vote-btn.voted[b-0btmexbroa] { background: #f0edff; border-color: #6c5ce7; color: #6c5ce7; }
.suggest-vote-btn svg[b-0btmexbroa] { height: 12px; width: 12px; }

.suggest-card-meta[b-0btmexbroa] { align-items: center; display: flex; gap: 8px; }
.suggest-meta-text[b-0btmexbroa] { color: #999; font-size: 12px; }

/* ─── CATEGORY TAGS ─── */
.suggest-cat-tag[b-0btmexbroa] { border-radius: 6px; flex-shrink: 0; font-size: 11px; font-weight: 600; padding: 3px 10px; text-transform: uppercase; white-space: nowrap; }
.cat-feature[b-0btmexbroa] { background: #f0edff; color: #6c5ce7; }
.cat-integration[b-0btmexbroa] { background: rgba(99, 91, 255, 0.08); color: #635bff; }
.cat-export[b-0btmexbroa] { background: rgba(39, 174, 96, 0.08); color: #27ae60; }
.cat-ui[b-0btmexbroa] { background: rgba(245, 100, 0, 0.08); color: #f56400; }

/* ─── MODAL ─── */
.suggest-modal-overlay[b-0btmexbroa] { align-items: center; background: rgba(26, 26, 46, 0.5); bottom: 0; display: flex; justify-content: center; left: 0; position: fixed; right: 0; top: 0; z-index: 100; }
.suggest-modal[b-0btmexbroa] { background: #fff; border-radius: 18px; box-shadow: 0 24px 80px rgba(0, 0, 0, 0.15); max-width: 520px; padding: 32px; width: 90%; }
.suggest-modal h2[b-0btmexbroa] { color: #1a1a2e; font-size: 20px; font-weight: 700; margin-bottom: 20px; }
.suggest-form-group[b-0btmexbroa] { margin-bottom: 16px; }
.suggest-form-label[b-0btmexbroa] { color: #1a1a2e; display: block; font-size: 13px; font-weight: 600; margin-bottom: 6px; }
.suggest-form-input[b-0btmexbroa], .suggest-form-textarea[b-0btmexbroa], .suggest-form-select[b-0btmexbroa] { background: #fff; border: 1px solid #e0dce8; border-radius: 10px; color: #1a1a2e; font-family: inherit; font-size: 14px; outline: none; padding: 12px 16px; transition: border-color 0.15s ease; width: 100%; }
.suggest-form-input:focus[b-0btmexbroa], .suggest-form-textarea:focus[b-0btmexbroa], .suggest-form-select:focus[b-0btmexbroa] { border-color: #6c5ce7; }
.suggest-form-textarea[b-0btmexbroa] { min-height: 100px; resize: vertical; }
.suggest-form-select[b-0btmexbroa] { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); background-position: right 14px center; background-repeat: no-repeat; cursor: pointer; padding-right: 36px; }
.suggest-modal-actions[b-0btmexbroa] { display: flex; gap: 12px; justify-content: flex-end; margin-top: 24px; }
.suggest-btn-outline[b-0btmexbroa] { background: #fff; border: 2px solid #e0dce8; border-radius: 10px; color: #555; cursor: pointer; font-family: inherit; font-size: 14px; font-weight: 600; padding: 10px 24px; transition: all 0.15s ease; }
.suggest-btn-outline:hover[b-0btmexbroa] { border-color: #6c5ce7; color: #6c5ce7; }
.suggest-btn-submit[b-0btmexbroa] { background: #6c5ce7; border: none; border-radius: 10px; color: #fff; cursor: pointer; font-family: inherit; font-size: 14px; font-weight: 600; padding: 12px 28px; transition: background 0.15s ease; }
.suggest-btn-submit:hover[b-0btmexbroa] { background: #5a4bd1; }

/* ─── ANIMATIONS ─── */
@keyframes fadeUp-b-0btmexbroa {
    from { opacity: 0; transform: translateY(16px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-in[b-0btmexbroa] { animation: fadeUp-b-0btmexbroa 0.5s ease forwards; opacity: 0; }
.delay-2[b-0btmexbroa] { animation-delay: 0.1s; }
.delay-3[b-0btmexbroa] { animation-delay: 0.15s; }

/* ─── RESPONSIVE ─── */
@media (max-width: 1024px) {
    .suggest-grid[b-0btmexbroa] { grid-template-columns: 1fr; }
}

@media (max-width: 641px) {
    .suggest-hero[b-0btmexbroa] { margin: -24px -20px 24px; padding: 20px 20px 32px; }
    .suggest-hero-top[b-0btmexbroa] { flex-direction: column; gap: 16px; }
    .suggest-stats[b-0btmexbroa] { gap: 16px; }
    .suggest-toolbar[b-0btmexbroa] { flex-direction: column; align-items: flex-start; }
    .suggest-sort[b-0btmexbroa] { margin-left: 0; }
}
/* /Components/Pages/Unsubscribe.razor.rz.scp.css */
.unsub-page[b-yoq4ejhqu9] { background: #f8f7fc; min-height: 100vh; overflow: hidden; padding: 0 0 80px; position: relative; }
.unsub-shell[b-yoq4ejhqu9] { margin: 0 auto; max-width: 480px; padding: 8px 24px 0; position: relative; text-align: center; z-index: 2; }
.unsub-icon-wrap[b-yoq4ejhqu9] { align-items: center; background: rgba(255, 255, 255, 0.15); border-radius: 50%; display: flex; height: 64px; justify-content: center; margin: 0 auto 8px; width: 64px; }
.unsub-icon[b-yoq4ejhqu9] { color: #fff; height: 32px; width: 32px; }
.unsub-title[b-yoq4ejhqu9] { color: #f5c842; font-family: 'DM Sans', Arial, Helvetica, sans-serif; font-size: 28px; font-weight: 700; letter-spacing: -0.5px; margin: 0 0 8px; }
.unsub-desc[b-yoq4ejhqu9] { color: rgba(255, 255, 255, 0.7); font-family: 'DM Sans', Arial, Helvetica, sans-serif; font-size: 15px; line-height: 1.5; margin: 0 0 20px; }
.unsub-cta[b-yoq4ejhqu9] { background: #6c5ce7; border: none; border-radius: 10px; color: #fff; cursor: pointer; display: inline-block; font-family: 'DM Sans', Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 600; margin-top: 32px; padding: 14px 32px; text-decoration: none; transition: background 0.2s; }
.unsub-cta:hover[b-yoq4ejhqu9] { background: #5a4bd1; }
.unsub-home-link[b-yoq4ejhqu9] { color: rgba(255,255,255,0.85); font-family: 'DM Sans', Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 500; text-decoration: none; transition: color 0.2s; }
.unsub-home-link:hover[b-yoq4ejhqu9] { color: #fff; }
.unsub-loading[b-yoq4ejhqu9] { padding: 40px 0; }
.unsub-loading-text[b-yoq4ejhqu9] { color: #999; font-family: 'DM Sans', Arial, Helvetica, sans-serif; font-size: 15px; }
.unsub-prefs[b-yoq4ejhqu9] { margin: 0 auto; max-width: 420px; text-align: left; }
.unsub-toggle-card[b-yoq4ejhqu9] { background: #fff; border: 1px solid #e0dce8; border-radius: 12px; padding: 8px 0; }
.unsub-toggle-row[b-yoq4ejhqu9] { align-items: center; display: flex; justify-content: space-between; padding: 16px 20px; transition: opacity 0.2s; }
.unsub-toggle-info[b-yoq4ejhqu9] { display: flex; flex-direction: column; gap: 2px; }
.unsub-toggle-label[b-yoq4ejhqu9] { color: #1a1a2e; font-family: 'DM Sans', Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 600; }
.unsub-toggle-hint[b-yoq4ejhqu9] { color: #999; font-family: 'DM Sans', Arial, Helvetica, sans-serif; font-size: 13px; }
.unsub-divider[b-yoq4ejhqu9] { border: none; border-top: 1px solid #f0edff; margin: 0 20px; }
.unsub-disabled[b-yoq4ejhqu9] { opacity: 0.4; pointer-events: none; }
.unsub-switch[b-yoq4ejhqu9] { cursor: pointer; display: inline-block; height: 28px; position: relative; width: 50px; }
.unsub-switch input[b-yoq4ejhqu9] { height: 0; opacity: 0; width: 0; }
.unsub-slider[b-yoq4ejhqu9] { background: #e0dce8; border-radius: 28px; bottom: 0; left: 0; position: absolute; right: 0; top: 0; transition: background 0.2s; }
.unsub-slider[b-yoq4ejhqu9]::before { background: #fff; border-radius: 50%; bottom: 3px; box-shadow: 0 1px 3px rgba(0,0,0,0.15); content: ""; height: 22px; left: 3px; position: absolute; transition: transform 0.2s; width: 22px; }
.unsub-switch input:checked + .unsub-slider[b-yoq4ejhqu9] { background: #6c5ce7; }
.unsub-switch input:checked + .unsub-slider-danger[b-yoq4ejhqu9] { background: #e74c3c; }
.unsub-switch input:checked + .unsub-slider[b-yoq4ejhqu9]::before { transform: translateX(22px); }
.unsub-switch input:focus-visible + .unsub-slider[b-yoq4ejhqu9] { outline: 3px solid #6c5ce7; outline-offset: 2px; }
.unsub-switch input:disabled + .unsub-slider[b-yoq4ejhqu9] { cursor: not-allowed; opacity: 0.5; }
.unsub-save[b-yoq4ejhqu9] { background: #6c5ce7; border: none; border-radius: 10px; color: #fff; cursor: pointer; display: block; font-family: 'DM Sans', Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 600; margin: 24px auto 0; padding: 14px 32px; transition: background 0.2s; width: 100%; }
.unsub-save:hover[b-yoq4ejhqu9] { background: #5a4bd1; }
.unsub-save:disabled[b-yoq4ejhqu9] { cursor: not-allowed; opacity: 0.6; }
.unsub-success[b-yoq4ejhqu9] { align-items: center; color: #27ae60; display: flex; font-family: 'DM Sans', Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 600; gap: 6px; justify-content: center; margin: 16px 0 0; }
.unsub-check-icon[b-yoq4ejhqu9] { height: 18px; width: 18px; }
/* /Components/Pages/Upgrade.razor.rz.scp.css */
/* ─── SWOOSH HERO ─── */
.upgrade-hero[b-e3hjm7mwaz] { background: linear-gradient(135deg, #6c5ce7 0%, #8b5cf6 50%, #6c5ce7 100%); margin: -32px -40px 32px; overflow: hidden; padding: 24px 40px 32px; position: relative; }
.upgrade-hero-bg[b-e3hjm7mwaz] { bottom: 0; left: 0; pointer-events: none; position: absolute; right: 0; }
.upgrade-hero-bg svg[b-e3hjm7mwaz] { display: block; height: 40px; width: 100%; }
.deco-circle[b-e3hjm7mwaz] { background: rgba(255, 255, 255, 0.07); border-radius: 50%; position: absolute; }
.deco-circle-1[b-e3hjm7mwaz] { height: 260px; right: 10%; top: -40px; width: 260px; }
.deco-circle-2[b-e3hjm7mwaz] { height: 180px; left: 15%; top: 120px; width: 180px; }
.deco-circle-3[b-e3hjm7mwaz] { bottom: 40px; height: 220px; right: 25%; width: 220px; }
.upgrade-hero-content[b-e3hjm7mwaz] { position: relative; z-index: 2; }
.upgrade-hero-top[b-e3hjm7mwaz] { display: flex; justify-content: space-between; margin-bottom: 8px; }
.upgrade-hero h1[b-e3hjm7mwaz] { color: #fff; font-size: 26px; font-weight: 700; letter-spacing: -0.5px; }
.upgrade-hero p[b-e3hjm7mwaz] { color: rgba(255, 255, 255, 0.7); font-size: 14px; margin-top: 4px; }

/* ─── TOASTS ─── */
.upgrade-toast[b-e3hjm7mwaz] { align-items: center; border-radius: 12px; display: flex; font-size: 14px; font-weight: 500; gap: 12px; margin-bottom: 24px; padding: 16px 20px; }
.upgrade-toast svg[b-e3hjm7mwaz] { flex-shrink: 0; height: 20px; width: 20px; }
.upgrade-toast-success[b-e3hjm7mwaz] { background: rgba(39, 174, 96, 0.08); border: 1px solid rgba(39, 174, 96, 0.2); color: #27ae60; }
.upgrade-toast-info[b-e3hjm7mwaz] { background: rgba(108, 92, 231, 0.08); border: 1px solid rgba(108, 92, 231, 0.2); color: #6c5ce7; }
.upgrade-toast-dismiss[b-e3hjm7mwaz] { background: none; border: none; color: inherit; cursor: pointer; font-size: 20px; margin-left: auto; opacity: 0.6; padding: 0 4px; }
.upgrade-toast-dismiss:hover[b-e3hjm7mwaz] { opacity: 1; }

/* ─── PRICING CARDS ─── */
.upgrade-plans[b-e3hjm7mwaz] { display: grid; gap: 24px; grid-template-columns: 1fr 1fr; margin-bottom: 32px; max-width: 720px; }
.upgrade-plan-card[b-e3hjm7mwaz] { background: #fff; border: 1px solid #eee; border-radius: 14px; padding: 32px 28px; position: relative; }
.upgrade-plan-card.pro[b-e3hjm7mwaz] { border: 2px solid #6c5ce7; }
.upgrade-plan-card h3[b-e3hjm7mwaz] { color: #1a1a2e; font-size: 20px; font-weight: 700; margin-bottom: 16px; }
.plan-current-badge[b-e3hjm7mwaz] { background: #f0edff; border-radius: 6px; color: #6c5ce7; display: inline-block; font-size: 11px; font-weight: 600; letter-spacing: 0.5px; margin-bottom: 12px; padding: 4px 10px; text-transform: uppercase; }
.plan-badge[b-e3hjm7mwaz] { background: #6c5ce7; border-radius: 6px; color: #fff; display: inline-block; font-size: 11px; font-weight: 600; letter-spacing: 0.5px; margin-bottom: 12px; padding: 4px 10px; text-transform: uppercase; }
.plan-price[b-e3hjm7mwaz] { color: #1a1a2e; font-size: 40px; font-weight: 700; letter-spacing: -1px; line-height: 1; }
.plan-price span[b-e3hjm7mwaz] { color: #999; font-size: 16px; font-weight: 400; }
.plan-period[b-e3hjm7mwaz] { color: #999; font-size: 13px; margin-top: 6px; }
.plan-features[b-e3hjm7mwaz] { list-style: none; margin-top: 24px; padding: 0; }
.plan-features li[b-e3hjm7mwaz] { color: #555; font-size: 14px; padding: 6px 0 6px 24px; position: relative; }
.plan-features li[b-e3hjm7mwaz]::before { color: #27ae60; content: '\2713'; font-weight: 700; left: 0; position: absolute; }

/* ─── PLAN TOGGLE ─── */
.plan-toggle[b-e3hjm7mwaz] { background: #f8f7fc; border-radius: 10px; display: flex; gap: 2px; margin-bottom: 20px; padding: 4px; }
.plan-toggle-btn[b-e3hjm7mwaz] { background: transparent; border: none; border-radius: 8px; color: #999; cursor: pointer; font-family: inherit; font-size: 13px; font-weight: 500; padding: 8px 20px; transition: all 0.15s ease; }
.plan-toggle-btn:hover[b-e3hjm7mwaz] { color: #1a1a2e; }
.plan-toggle-btn.active[b-e3hjm7mwaz] { background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); color: #6c5ce7; font-weight: 600; }

/* ─── CTA BUTTON ─── */
.plan-cta[b-e3hjm7mwaz] { background: linear-gradient(135deg, #6c5ce7 0%, #8b5cf6 100%); border: none; border-radius: 10px; color: #fff; cursor: pointer; font-family: inherit; font-size: 15px; font-weight: 600; margin-top: 24px; padding: 14px 32px; transition: box-shadow 0.15s ease, transform 0.15s ease; width: 100%; }
.plan-cta:hover[b-e3hjm7mwaz] { box-shadow: 0 4px 16px rgba(108, 92, 231, 0.3); transform: translateY(-1px); }

/* ─── FAQ ─── */
.upgrade-faq[b-e3hjm7mwaz] { background: #fff; border: 1px solid #eee; border-radius: 14px; max-width: 720px; padding: 28px; }
.upgrade-faq h3[b-e3hjm7mwaz] { color: #1a1a2e; font-size: 16px; font-weight: 600; margin-bottom: 20px; }
.faq-item[b-e3hjm7mwaz] { border-top: 1px solid #f8f7fc; padding: 16px 0; }
.faq-item:first-of-type[b-e3hjm7mwaz] { border-top: none; padding-top: 0; }
.faq-item h4[b-e3hjm7mwaz] { color: #1a1a2e; font-size: 14px; font-weight: 600; margin-bottom: 6px; }
.faq-item p[b-e3hjm7mwaz] { color: #555; font-size: 14px; line-height: 1.6; }

/* ─── ANIMATIONS ─── */
@keyframes fadeUp-b-e3hjm7mwaz { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }
.animate-in[b-e3hjm7mwaz] { animation: fadeUp-b-e3hjm7mwaz 0.5s ease forwards; opacity: 0; }
.delay-1[b-e3hjm7mwaz] { animation-delay: 0.05s; }
.delay-2[b-e3hjm7mwaz] { animation-delay: 0.1s; }
.delay-3[b-e3hjm7mwaz] { animation-delay: 0.15s; }

/* ─── RESPONSIVE ─── */
@media (max-width: 641px) {
    .upgrade-hero[b-e3hjm7mwaz] { margin: -24px -20px 24px; padding: 20px 20px 32px; }
    .upgrade-plans[b-e3hjm7mwaz] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Waitlist.razor.rz.scp.css */
.waitlist-page[b-hauewt41yv] { background: #f8f7fc; min-height: 100vh; overflow: hidden; position: relative; }
.waitlist-shell[b-hauewt41yv] { margin: 0 auto; max-width: 680px; padding: 0 24px 80px; position: relative; z-index: 2; }

/* ─── HEADER ─── */
.page-header[b-hauewt41yv] { padding-top: 24px; text-align: center; }
.confirm-badge[b-hauewt41yv] { align-items: center; background: rgba(255, 255, 255, 0.15); border-radius: 10px; color: #fff; display: inline-flex; font-size: 14px; font-weight: 600; gap: 8px; margin-bottom: 16px; padding: 10px 20px; }
.confirm-badge svg[b-hauewt41yv] { flex-shrink: 0; height: 18px; width: 18px; }
.page-heading[b-hauewt41yv] { color: #fff; font-size: 28px; font-weight: 700; letter-spacing: -0.5px; margin-bottom: 8px; }
.page-sub[b-hauewt41yv] { color: rgba(255, 255, 255, 0.7); font-size: 15px; line-height: 1.6; margin-bottom: 150px; }

/* ─── SECTION HEADINGS ─── */
.section-heading[b-hauewt41yv] { border-bottom: 2px solid #e0dce8; color: #1a1a2e; font-size: 18px; font-weight: 700; letter-spacing: -0.3px; margin-bottom: 24px; padding-bottom: 8px; }
.section-heading + .timeline[b-hauewt41yv] { margin-top: 0; }
section + section[b-hauewt41yv] { margin-top: 48px; }

/* ─── TIMELINE ─── */
.timeline[b-hauewt41yv] { padding: 0 0 0 28px; position: relative; }
.timeline[b-hauewt41yv]::before { background: #e0dce8; content: ''; height: 100%; left: 11px; position: absolute; top: 0; width: 2px; }
.timeline-item[b-hauewt41yv] { padding: 0 0 32px 28px; position: relative; }
.timeline-item:last-child[b-hauewt41yv] { padding-bottom: 0; }
.timeline-dot[b-hauewt41yv] { align-items: center; border-radius: 50%; display: flex; height: 24px; justify-content: center; left: -40px; position: absolute; top: 0; width: 24px; }
.timeline-dot.done[b-hauewt41yv] { background: #27ae60; }
.timeline-dot.in-progress[b-hauewt41yv] { background: #6c5ce7; }
.timeline-dot.upcoming[b-hauewt41yv] { background: #e0dce8; }
.timeline-dot svg[b-hauewt41yv] { height: 12px; width: 12px; }

/* Pulse for in-progress */
.timeline-dot.in-progress[b-hauewt41yv]::after { animation: pulse-b-hauewt41yv 2s ease infinite; border: 2px solid #6c5ce7; border-radius: 50%; content: ''; height: 24px; left: 0; position: absolute; top: 0; width: 24px; }

@keyframes pulse-b-hauewt41yv {
    0% { opacity: 0.6; transform: scale(1); }
    50% { opacity: 0; transform: scale(1.8); }
    100% { opacity: 0; transform: scale(1.8); }
}

.timeline-title[b-hauewt41yv] { color: #1a1a2e; font-size: 15px; font-weight: 600; margin-bottom: 4px; }
.is-upcoming .timeline-title[b-hauewt41yv] { color: #999; }
.timeline-desc[b-hauewt41yv] { color: #999; font-size: 13px; line-height: 1.5; }
.timeline-status[b-hauewt41yv] { border-radius: 6px; display: inline-block; font-size: 11px; font-weight: 600; margin-top: 6px; padding: 3px 10px; text-transform: uppercase; }
.timeline-status.done[b-hauewt41yv] { background: rgba(39, 174, 96, 0.08); color: #27ae60; }
.timeline-status.in-progress[b-hauewt41yv] { background: #f0edff; color: #6c5ce7; }
.timeline-status.upcoming[b-hauewt41yv] { background: #f8f7fc; color: #bbb; }

/* ─── RESPONSIVE ─── */
@media (max-width: 480px) {
    .page-heading[b-hauewt41yv] { font-size: 24px; }
    .waitlist-shell[b-hauewt41yv] { padding: 0 16px 60px; }
}
/* /Components/Shared/BrandHeader.razor.rz.scp.css */
/* ─── BRAND HEADER ─── */
.brand-header[b-s5gfajl43g] { position: relative; }

/* ─── PURPLE SWOOSH ─── */
.hero-bg[b-s5gfajl43g] { height: 480px; left: 0; pointer-events: none; position: absolute; right: 0; top: 0; }
.hero-bg svg[b-s5gfajl43g] { display: block; height: 100%; width: 100%; }
.deco-circle[b-s5gfajl43g] { background: rgba(255, 255, 255, 0.07); border-radius: 50%; position: absolute; }
.deco-circle-1[b-s5gfajl43g] { height: 260px; right: 10%; top: -40px; width: 260px; }
.deco-circle-2[b-s5gfajl43g] { height: 180px; left: 15%; top: 120px; width: 180px; }
.deco-circle-3[b-s5gfajl43g] { bottom: 40px; height: 220px; right: 25%; width: 220px; }

/* ─── TOP BAR ─── */
.brand-bar[b-s5gfajl43g] { align-items: center; display: flex; justify-content: space-between; padding: 24px 32px 0; position: relative; z-index: 2; }
.brand-logo[b-s5gfajl43g] { color: #fff; display: inline-block; font-size: 22px; font-weight: 700; letter-spacing: -0.5px; }
.brand-logo span[b-s5gfajl43g] { color: #a78bfa; }

/* ─── ACTION SLOT STYLES ─── */
[b-s5gfajl43g] .sign-out-btn, [b-s5gfajl43g] .back-link { background: rgba(255, 255, 255, 0.15); border-radius: 8px; color: rgba(255, 255, 255, 0.9); font-size: 13px; font-weight: 500; padding: 8px 18px; text-decoration: none; transition: background 0.15s ease; }
[b-s5gfajl43g] .sign-out-btn:hover, [b-s5gfajl43g] .back-link:hover { background: rgba(255, 255, 255, 0.25); color: #fff; }

/* ─── RESPONSIVE ─── */
@media (max-width: 480px) {
    .brand-bar[b-s5gfajl43g] { padding: 20px 16px 0; }
}