/* /Components/PlanCard.razor.rz.scp.css */
.plan-card[b-csvo19sh0q] { background: var(--bg-card); border: 1px solid var(--border); border-radius: 18px; padding: 1.25rem; position: relative; overflow: hidden; transition: transform .25s, border-color .25s, box-shadow .25s; display: flex; flex-direction: column; height: 100%; }
.btn-plan[b-csvo19sh0q] { width: 100%; padding: .65rem; border-radius: 10px; font-size: .88rem; font-weight: 700; cursor: pointer; border: none; transition: all .2s; margin-top: auto; }
.plan-img-wrap[b-csvo19sh0q] { position: relative; margin: -1.25rem -1.25rem 1.1rem; height: 160px; overflow: hidden; border-radius: 18px 18px 0 0; }
.plan-img[b-csvo19sh0q] { width: 100%; height: 100%; object-fit: cover; display: block; }
.plan-img-overlay[b-csvo19sh0q] { position: absolute; inset: 0; background: linear-gradient(to top, rgba(10,14,26,.95) 0%, rgba(10,14,26,.2) 55%, transparent 100%); }
.plan-img-title[b-csvo19sh0q] { position: absolute; bottom: .85rem; left: 1rem; display: flex; align-items: center; gap: .5rem; }
.plan-img-icon[b-csvo19sh0q] { font-size: 1.4rem; filter: drop-shadow(0 1px 4px rgba(0,0,0,.8)); }
.plan-img-name[b-csvo19sh0q] { font-size: 1.5rem; font-weight: 900; letter-spacing: 1px; text-transform: uppercase; color: #fff; text-shadow: 0 1px 8px rgba(0,0,0,.9); }
.price-original[b-csvo19sh0q] { font-size: .85rem; color: var(--muted); text-decoration: line-through; margin-right: .25rem; align-self: center; }
.price-first-offer[b-csvo19sh0q] { display: inline-block; margin-top: .4rem; background: rgba(251,191,36,.15); color: #fbbf24; border: 1px solid rgba(251,191,36,.3); font-size: .7rem; font-weight: 700; padding: .15rem .5rem; border-radius: 999px; }
.plan-top-bar[b-csvo19sh0q] { position: absolute; top: 0; left: 0; right: 0; height: 3px; border-radius: 18px 18px 0 0; background: var(--muted); }
.plan-card.popular[b-csvo19sh0q] { border-color: rgba(124,58,237,.5); box-shadow: var(--glow), inset 0 0 40px rgba(124,58,237,.05); }
.plan-card.popular .plan-top-bar[b-csvo19sh0q] { background: linear-gradient(90deg,var(--accent),var(--accent-2)); }
.plan-card.elite[b-csvo19sh0q] { border-color: rgba(6,182,212,.4); }
.plan-card.elite .plan-top-bar[b-csvo19sh0q] { background: linear-gradient(90deg,var(--accent-2),#0ea5e9); }
.plan-card.founder[b-csvo19sh0q] { border-color: rgba(251,191,36,.4); }
.plan-card.founder .plan-top-bar[b-csvo19sh0q] { background: linear-gradient(90deg,#f59e0b,#fbbf24); }
.plan-card:hover[b-csvo19sh0q] { transform: translateY(-4px); }
.popular-badge[b-csvo19sh0q] { position: absolute; top: 1rem; right: 1rem; background: linear-gradient(135deg,var(--accent),var(--accent-2)); color: #fff; font-size: .65rem; font-weight: 800; letter-spacing: .5px; padding: .25rem .65rem; border-radius: 999px; text-transform: uppercase; }
.plan-icon[b-csvo19sh0q] { font-size: 1.6rem; margin-bottom: .75rem; }
.plan-name[b-csvo19sh0q] { font-size: 1.1rem; font-weight: 800; margin-bottom: .25rem; }
.plan-desc[b-csvo19sh0q] { font-size: .8rem; color: var(--muted); margin-bottom: 1.25rem; line-height: 1.6; }
.plan-price[b-csvo19sh0q] { margin-bottom: 1.5rem; }
.price-main[b-csvo19sh0q] { display: flex; align-items: flex-start; gap: .25rem; }
.price-curr[b-csvo19sh0q] { font-size: 1.1rem; margin-top: .55rem; color: var(--muted); }
.price-num[b-csvo19sh0q] { font-size: 2rem; font-weight: 900; letter-spacing: -1px; line-height: 1; }
.price-num.gold[b-csvo19sh0q] { color: #fbbf24; }
.price-period[b-csvo19sh0q] { font-size: .8rem; color: var(--muted); margin-top: .3rem; }
.price-save[b-csvo19sh0q] { display: inline-block; margin-top: .4rem; background: rgba(34,197,94,.12); color: #4ade80; border: 1px solid rgba(34,197,94,.25); font-size: .7rem; font-weight: 700; padding: .15rem .5rem; border-radius: 999px; }
.plan-features[b-csvo19sh0q] { list-style: none; display: flex; flex-direction: column; gap: .65rem; margin-bottom: 1.75rem; flex: 1; }
.plan-features li[b-csvo19sh0q] { display: flex; align-items: center; gap: .65rem; font-size: .83rem; }
.plan-features li.off[b-csvo19sh0q] { color: var(--muted); }
.check[b-csvo19sh0q] { width: 18px; height: 18px; border-radius: 50%; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: .65rem; }
.check-on[b-csvo19sh0q] { background: rgba(34,197,94,.18); color: #4ade80; }
.check-off[b-csvo19sh0q] { background: rgba(100,116,139,.12); color: var(--muted); }
.plan-card.founder .check-on[b-csvo19sh0q] { background: rgba(251,191,36,.15); color: #fbbf24; }.btn-plan-free[b-csvo19sh0q] { background: rgba(100,116,139,.12); color: var(--muted); border: 1px solid rgba(100,116,139,.2); }
.btn-plan-free:hover[b-csvo19sh0q] { border-color: var(--muted); color: var(--text); }
.btn-plan-pro[b-csvo19sh0q] { background: linear-gradient(135deg,var(--accent),#9d5cf6); color: #fff; box-shadow: var(--glow); }
.btn-plan-pro:hover[b-csvo19sh0q] { transform: translateY(-1px); box-shadow: 0 0 30px rgba(124,58,237,.65); }
.btn-plan-elite[b-csvo19sh0q] { background: linear-gradient(135deg,var(--accent-2),#0ea5e9); color: #fff; box-shadow: var(--glow-c); }
.btn-plan-elite:hover[b-csvo19sh0q] { transform: translateY(-1px); }
.btn-plan-founder[b-csvo19sh0q] { background: linear-gradient(135deg,#f59e0b,#fbbf24); color: #000; font-weight: 800; }
.btn-plan-founder:hover[b-csvo19sh0q] { transform: translateY(-1px); box-shadow: 0 0 24px rgba(251,191,36,.5); }
.btn-plan-cart[b-csvo19sh0q] { margin-top: .5rem; background: rgba(255,255,255,.05); color: var(--muted); border: 1px solid var(--border); font-weight: 600; }
.btn-plan-cart:hover[b-csvo19sh0q] { background: rgba(255,255,255,.1); color: var(--text); border-color: rgba(255,255,255,.2); }
.btn-plan-cart.in-cart[b-csvo19sh0q] { background: rgba(34,197,94,.15); color: #4ade80; border-color: rgba(34,197,94,.4); }
.btn-plan-cart.in-cart:hover[b-csvo19sh0q] { background: rgba(239,68,68,.15); color: #f87171; border-color: rgba(239,68,68,.4); }
.btn-plan-disabled[b-csvo19sh0q] { opacity: .45; cursor: not-allowed; pointer-events: none; }

/* Subscriber badges */
.plan-subscribers[b-csvo19sh0q] { display: flex; align-items: center; gap: .65rem; margin-bottom: .75rem; }
.sub-avatars[b-csvo19sh0q] { display: flex; }
.sub-avatar[b-csvo19sh0q] { width: 28px; height: 28px; border-radius: 50%; border: 2px solid var(--bg-card); margin-left: -8px; overflow: hidden; background: rgba(124,58,237,.25); display: flex; align-items: center; justify-content: center; font-size: .65rem; font-weight: 700; color: var(--text); flex-shrink: 0; }
.sub-avatar:first-child[b-csvo19sh0q] { margin-left: 0; }
.sub-avatar img[b-csvo19sh0q] { width: 100%; height: 100%; object-fit: cover; }
.sub-avatar-more[b-csvo19sh0q] { background: rgba(255,255,255,.08); color: var(--muted); font-size: .6rem; }
.sub-count[b-csvo19sh0q] { font-size: .72rem; color: var(--muted); white-space: nowrap; }
/* /Components/ProductCard.razor.rz.scp.css */
.prod-card[b-97iaabmimp] { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--r); overflow: hidden; transition: transform .25s, border-color .25s, box-shadow .25s; cursor: pointer; display: flex; flex-direction: column; }
.prod-card:hover[b-97iaabmimp] { transform: translateY(-4px); border-color: var(--accent); box-shadow: var(--glow); }
.prod-img[b-97iaabmimp] { aspect-ratio: 16/9; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; font-size: 3rem; }
.prod-img-cover[b-97iaabmimp] { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.prod-img-overlay[b-97iaabmimp] { position: absolute; inset: 0; background: linear-gradient(to top, rgba(10,14,26,.6) 0%, transparent 60%); }
.prod-icon-over[b-97iaabmimp] { position: relative; z-index: 1; filter: drop-shadow(0 1px 4px rgba(0,0,0,.8)); }
.prod-badges[b-97iaabmimp] { position: absolute; top: .6rem; left: .6rem; display: flex; gap: .35rem; }
.pb[b-97iaabmimp] { font-size: .62rem; font-weight: 700; padding: .2rem .5rem; border-radius: 999px; text-transform: uppercase; letter-spacing: .3px; }
.pb-new[b-97iaabmimp] { background: rgba(34,197,94,.2); color: #4ade80; border: 1px solid rgba(34,197,94,.35); }
.pb-hot[b-97iaabmimp] { background: rgba(244,114,182,.2); color: var(--accent-3); border: 1px solid rgba(244,114,182,.35); }
.pb-sale[b-97iaabmimp] { background: rgba(251,191,36,.15); color: #fcd34d; border: 1px solid rgba(251,191,36,.3); }
.pb-free[b-97iaabmimp] { background: rgba(6,182,212,.15); color: var(--accent-2); border: 1px solid rgba(6,182,212,.3); }
.pb-member[b-97iaabmimp] { background: rgba(124,58,237,.18); color: #a78bfa; border: 1px solid rgba(124,58,237,.3); }
.member-lock[b-97iaabmimp] { position: absolute; top: .6rem; right: .6rem; background: rgba(0,0,0,.6); border: 1px solid rgba(124,58,237,.4); border-radius: 8px; padding: .3rem .5rem; font-size: .7rem; color: #a78bfa; }
.prod-body[b-97iaabmimp] { padding: 1rem; display: flex; flex-direction: column; flex: 1; }
.prod-cat[b-97iaabmimp] { font-size: .68rem; color: var(--accent-2); font-weight: 700; letter-spacing: .5px; text-transform: uppercase; margin-bottom: .3rem; }
.prod-name[b-97iaabmimp] { font-size: .95rem; font-weight: 700; margin-bottom: .3rem; }
.prod-desc[b-97iaabmimp] { font-size: .78rem; color: var(--muted); margin-bottom: .9rem; line-height: 1.5; flex: 1; }
.prod-tags[b-97iaabmimp] { display: flex; gap: .35rem; flex-wrap: wrap; margin-bottom: .9rem; }
.tag[b-97iaabmimp] { font-size: .65rem; font-weight: 600; padding: .15rem .5rem; border-radius: 999px; background: rgba(255,255,255,.05); color: var(--muted); border: 1px solid rgba(255,255,255,.08); }
.prod-foot[b-97iaabmimp] { display: flex; align-items: center; justify-content: space-between; }
.prod-price[b-97iaabmimp] { font-size: 1.1rem; font-weight: 800; color: var(--accent-2); }
.prod-price.free-price[b-97iaabmimp] { color: var(--green); }
.prod-price .old[b-97iaabmimp] { font-size: .75rem; color: var(--muted); text-decoration: line-through; margin-right: .3rem; }
.btn-add[b-97iaabmimp] { background: rgba(124,58,237,.15); color: #a78bfa; border: 1px solid rgba(124,58,237,.3); padding: .35rem .85rem; border-radius: 8px; font-size: .78rem; font-weight: 600; cursor: pointer; transition: all .2s; }
.btn-add:hover[b-97iaabmimp] { background: var(--accent); color: #fff; box-shadow: var(--glow); }
.btn-add.btn-add-in-cart[b-97iaabmimp] { background: rgba(34,197,94,.15); color: #4ade80; border-color: rgba(34,197,94,.4); }
.btn-add.btn-add-in-cart:hover[b-97iaabmimp] { background: rgba(239,68,68,.15); color: #f87171; border-color: rgba(239,68,68,.4); }
.btn-add.btn-add-blocked[b-97iaabmimp] { opacity: .4; cursor: not-allowed; pointer-events: none; }
.btn-add.btn-add-sub[b-97iaabmimp] { background: rgba(6,182,212,.15); color: #06b6d4; border-color: rgba(6,182,212,.3); }
.btn-add.btn-add-sub:hover[b-97iaabmimp] { background: rgba(6,182,212,.3); color: #fff; }
.pb-sub[b-97iaabmimp] { background: rgba(6,182,212,.15); color: #06b6d4; border: 1px solid rgba(6,182,212,.3); }
/* /Components/ServerCard.razor.rz.scp.css */
.server-card[b-44ml0n7k8e] { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--r); overflow: visible; transition: transform .25s, border-color .25s, box-shadow .25s; }
.server-online:hover[b-44ml0n7k8e] { transform: translateY(-4px); border-color: var(--accent); box-shadow: var(--glow); }
.server-maintenance[b-44ml0n7k8e] { opacity: .65; }
.server-header[b-44ml0n7k8e] { position: relative; height: 90px; display: flex; align-items: center; justify-content: center; border-radius: var(--r) var(--r) 0 0; overflow: hidden; }
.server-img[b-44ml0n7k8e] { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.server-status[b-44ml0n7k8e] { position: absolute; top: .65rem; right: .65rem; font-size: .68rem; font-weight: 700; padding: .2rem .6rem; border-radius: 999px; }
.server-status.online[b-44ml0n7k8e] { background: rgba(10,30,15,.75); color: #4ade80; border: 1px solid rgba(34,197,94,.5); backdrop-filter: blur(4px); }
.server-status.maintenance[b-44ml0n7k8e] { background: rgba(251,191,36,.1); color: #fcd34d; border: 1px solid rgba(251,191,36,.25); }
.server-body[b-44ml0n7k8e] { padding: 1rem 1.1rem; }
.server-modpack[b-44ml0n7k8e] { font-size: .72rem; color: var(--accent-2); font-weight: 700; letter-spacing: .4px; text-transform: uppercase; margin-bottom: .2rem; }
.server-name[b-44ml0n7k8e] { font-size: .98rem; font-weight: 700; margin-bottom: .5rem; }
.server-tags[b-44ml0n7k8e] { display: flex; gap: .35rem; flex-wrap: wrap; margin-bottom: .85rem; }
.server-ip[b-44ml0n7k8e] { display: flex; align-items: center; justify-content: space-between; gap: .5rem; background: rgba(0,0,0,.25); border: 1px solid rgba(255,255,255,.07); border-radius: 8px; padding: .45rem .75rem; margin-bottom: .85rem; }
.ip-text[b-44ml0n7k8e] { font-size: .8rem; font-weight: 600; font-family: monospace; color: var(--accent-2); }
.copy-btn[b-44ml0n7k8e] { font-size: .7rem; font-weight: 700; padding: .2rem .65rem; border-radius: 6px; background: rgba(124,58,237,.15); color: #a78bfa; border: 1px solid rgba(124,58,237,.3); cursor: pointer; transition: all .2s; white-space: nowrap; }
.copy-btn:hover:not(:disabled)[b-44ml0n7k8e] { background: var(--accent); color: #fff; border-color: var(--accent); }
.copy-btn:disabled[b-44ml0n7k8e] { opacity: .4; cursor: not-allowed; }
.server-foot[b-44ml0n7k8e] { display: flex; flex-direction: column; gap: .4rem; }
.server-players[b-44ml0n7k8e] { display: flex; align-items: center; gap: .6rem; }
.players-bar[b-44ml0n7k8e] { flex: 1; height: 5px; border-radius: 999px; background: rgba(255,255,255,.07); overflow: hidden; }
.players-fill[b-44ml0n7k8e] { height: 100%; border-radius: 999px; background: linear-gradient(90deg, var(--green), var(--accent-2)); }
.players-count[b-44ml0n7k8e] { font-size: .75rem; color: var(--muted); white-space: nowrap; }
.online-count[b-44ml0n7k8e] { color: var(--green); font-weight: 700; }
.server-version[b-44ml0n7k8e] { font-size: .68rem; color: var(--muted); align-self: flex-end; }
.player-avatars[b-44ml0n7k8e] { display: flex; flex-direction: row; margin-bottom: .75rem; }
.player-avatar-wrap[b-44ml0n7k8e] { position: relative; margin-left: -6px; z-index: 0; transition: z-index 0s .15s; }
.player-avatar-wrap:first-child[b-44ml0n7k8e] { margin-left: 0; }
.player-avatar-wrap:hover[b-44ml0n7k8e] { z-index: 20; transition: z-index 0s; }
.player-avatar[b-44ml0n7k8e] { width: 24px; height: 24px; background-size: 192px 192px; background-position: -24px -24px; image-rendering: pixelated; border-radius: 4px; border: 1.5px solid var(--bg-card); transition: transform .15s; cursor: default; }
.player-avatar-wrap:hover .player-avatar[b-44ml0n7k8e] { transform: translateY(-4px) scale(1.15); }
.player-tooltip[b-44ml0n7k8e] { position: absolute; bottom: calc(100% + 7px); left: 50%; transform: translateX(-50%) scale(.85); background: rgba(15,10,30,.92); border: 1px solid rgba(255,255,255,.1); color: #e2d9f3; font-size: .68rem; font-weight: 600; white-space: nowrap; padding: .2rem .5rem; border-radius: 6px; pointer-events: none; opacity: 0; transition: opacity .15s, transform .15s; }
.player-tooltip[b-44ml0n7k8e]::after { content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border: 4px solid transparent; border-top-color: rgba(15,10,30,.92); }
.player-avatar-wrap:hover .player-tooltip[b-44ml0n7k8e] { opacity: 1; transform: translateX(-50%) scale(1); }
/* /Components/SubscriptionManagerModal.razor.rz.scp.css */
.sm-backdrop[b-jpkyc216p7] { position: fixed; inset: 0; background: rgba(0,0,0,.65); backdrop-filter: blur(4px); z-index: 1000; display: flex; align-items: center; justify-content: center; padding: 1rem; }
.sm-modal[b-jpkyc216p7] { background: var(--bg-card); border: 1px solid var(--border); border-radius: 16px; width: 100%; max-width: 480px; box-shadow: 0 24px 64px rgba(0,0,0,.5); overflow: hidden; }
.sm-header[b-jpkyc216p7] { display: flex; align-items: center; justify-content: space-between; padding: 1.2rem 1.4rem; border-bottom: 1px solid var(--border); }
.sm-title[b-jpkyc216p7] { font-size: 1rem; font-weight: 700; }
.sm-close[b-jpkyc216p7] { background: none; border: none; color: var(--muted); font-size: 1rem; cursor: pointer; padding: .25rem .4rem; border-radius: 6px; transition: color .15s; }
.sm-close:hover[b-jpkyc216p7] { color: var(--fg); }
.sm-body[b-jpkyc216p7] { padding: 1.2rem 1.4rem; display: flex; flex-direction: column; gap: 1rem; }
.sm-empty[b-jpkyc216p7] { color: var(--muted); font-size: .85rem; text-align: center; padding: 1rem 0; }
.sm-sub-card[b-jpkyc216p7] { background: rgba(255,255,255,.03); border: 1px solid var(--border); border-radius: 12px; padding: 1rem; display: flex; flex-direction: column; gap: .75rem; }
.sm-sub-top[b-jpkyc216p7] { display: flex; align-items: flex-start; justify-content: space-between; }
.sm-sub-name[b-jpkyc216p7] { font-size: .95rem; font-weight: 700; margin-bottom: .3rem; }
.sm-sub-meta[b-jpkyc216p7] { display: flex; gap: .5rem; align-items: center; flex-wrap: wrap; }
.sm-badge[b-jpkyc216p7] { font-size: .6rem; font-weight: 700; padding: .18rem .5rem; border-radius: 999px; letter-spacing: .4px; text-transform: uppercase; }
.sm-badge-active[b-jpkyc216p7] { background: rgba(34,197,94,.15); color: #4ade80; border: 1px solid rgba(34,197,94,.3); }
.sm-badge-cancelling[b-jpkyc216p7] { background: rgba(251,191,36,.12); color: #fcd34d; border: 1px solid rgba(251,191,36,.25); }
.sm-badge-past_due[b-jpkyc216p7] { background: rgba(239,68,68,.15); color: #f87171; border: 1px solid rgba(239,68,68,.3); }
.sm-interval[b-jpkyc216p7] { font-size: .72rem; color: var(--muted); }
.sm-renew-info[b-jpkyc216p7] { font-size: .78rem; color: var(--muted); }
.sm-cancel-notice[b-jpkyc216p7] { font-size: .8rem; color: #fcd34d; background: rgba(251,191,36,.08); border: 1px solid rgba(251,191,36,.2); border-radius: 8px; padding: .65rem .85rem; line-height: 1.5; }
.sm-confirm[b-jpkyc216p7] { background: rgba(239,68,68,.06); border: 1px solid rgba(239,68,68,.2); border-radius: 8px; padding: .8rem; }
.sm-confirm p[b-jpkyc216p7] { font-size: .8rem; color: var(--muted); margin: 0 0 .75rem; line-height: 1.5; }
.sm-confirm-btns[b-jpkyc216p7] { display: flex; gap: .5rem; }
.sm-btn[b-jpkyc216p7] { border: none; border-radius: 8px; padding: .45rem .9rem; font-size: .8rem; font-weight: 600; cursor: pointer; transition: all .18s; }
.sm-btn:disabled[b-jpkyc216p7] { opacity: .5; cursor: not-allowed; }
.sm-btn-cancel[b-jpkyc216p7] { background: rgba(239,68,68,.1); color: #f87171; border: 1px solid rgba(239,68,68,.25); width: 100%; }
.sm-btn-cancel:hover[b-jpkyc216p7] { background: rgba(239,68,68,.2); }
.sm-btn-danger[b-jpkyc216p7] { background: rgba(239,68,68,.2); color: #f87171; border: 1px solid rgba(239,68,68,.35); }
.sm-btn-danger:hover[b-jpkyc216p7] { background: rgba(239,68,68,.35); }
.sm-btn-ghost[b-jpkyc216p7] { background: rgba(255,255,255,.05); color: var(--muted); border: 1px solid var(--border); }
.sm-btn-ghost:hover[b-jpkyc216p7] { background: rgba(255,255,255,.1); color: var(--fg); }
.sm-error[b-jpkyc216p7] { font-size: .78rem; color: #f87171; }
/* /Components/ToastContainer.razor.rz.scp.css */
.toast-container[b-bxn2axelm9] {
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: .6rem;
    pointer-events: none;
}

.toast[b-bxn2axelm9] {
    display: flex;
    align-items: center;
    gap: .7rem;
    min-width: 260px;
    max-width: 360px;
    padding: .75rem 1rem;
    border-radius: 10px;
    border: 1px solid transparent;
    background: #1e2433;
    box-shadow: 0 8px 32px rgba(0,0,0,.5);
    font-size: .82rem;
    font-weight: 600;
    color: #e2e8f0;
    pointer-events: all;
    animation: toast-in-b-bxn2axelm9 .22s ease;
}

@keyframes toast-in-b-bxn2axelm9 {
    from { opacity: 0; transform: translateY(12px) scale(.97); }
    to   { opacity: 1; transform: none; }
}

.toast--success[b-bxn2axelm9] { border-color: rgba(34,197,94,.35);  }
.toast--error[b-bxn2axelm9]   { border-color: rgba(239,68,68,.35);  }
.toast--warning[b-bxn2axelm9] { border-color: rgba(234,179,8,.35);  }
.toast--info[b-bxn2axelm9]    { border-color: rgba(6,182,212,.35);  }

.toast-icon[b-bxn2axelm9] {
    font-size: .9rem;
    flex-shrink: 0;
}
.toast--success .toast-icon[b-bxn2axelm9] { color: #4ade80; }
.toast--error   .toast-icon[b-bxn2axelm9] { color: #f87171; }
.toast--warning .toast-icon[b-bxn2axelm9] { color: #facc15; }
.toast--info    .toast-icon[b-bxn2axelm9] { color: #06b6d4; }

.toast-msg[b-bxn2axelm9]  { flex: 1; }

.toast-close[b-bxn2axelm9] {
    background: none;
    border: none;
    color: var(--muted);
    cursor: pointer;
    font-size: .75rem;
    padding: 0 .2rem;
    flex-shrink: 0;
    opacity: .6;
    transition: opacity .15s;
}
.toast-close:hover[b-bxn2axelm9] { opacity: 1; }
/* /Components/VoteCard.razor.rz.scp.css */
.vc-card[b-hgqomyy5zz] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: var(--r);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: border-color .2s, transform .2s, box-shadow .2s;
}
.vc-card:hover[b-hgqomyy5zz] {
    border-color: rgba(6,182,212,.35);
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(0,0,0,.35);
}

/* Image */
.vc-img-wrap[b-hgqomyy5zz] {
    position: relative; /* el badge se posiciona aquí */
}
.vc-img[b-hgqomyy5zz] {
    aspect-ratio: 4 / 3;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative; /* para los overlays */
}
.vc-image[b-hgqomyy5zz] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.vc-vote-badge[b-hgqomyy5zz] {
    position: absolute;
    top: .6rem; right: .6rem;
    z-index: 2;
    background: rgba(0,0,0,.55);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 8px;
    padding: .3rem .6rem;
    font-size: 1.15rem;
    font-weight: 800;
    color: #fff;
    letter-spacing: .3px;
    cursor: default;
}
.vc-voters-tooltip[b-hgqomyy5zz] {
    position: absolute;
    top: calc(100% + .4rem);
    right: 0;
    background: rgba(10,14,26,.97);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 8px;
    padding: .5rem .7rem;
    min-width: 140px;
    z-index: 100;
    opacity: 0;
    pointer-events: none;
    transition: opacity .15s;
}
.vc-voters-tooltip--visible[b-hgqomyy5zz] {
    opacity: 1;
    pointer-events: all;
}
.vc-voter[b-hgqomyy5zz] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .25rem 0;
    white-space: nowrap;
}
.vc-voter-avatar[b-hgqomyy5zz] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}
.vc-voter-avatar--placeholder[b-hgqomyy5zz] {
    font-size: .9rem;
    line-height: 22px;
    text-align: center;
}
.vc-voter-nick[b-hgqomyy5zz] {
    font-size: .75rem;
    font-weight: 600;
    color: #e2e8f0;
    flex: 1;
}
.vc-voter-count[b-hgqomyy5zz] {
    font-size: .7rem;
    font-weight: 700;
    color: #06b6d4;
}
.vc-voter--me[b-hgqomyy5zz] {
    background: rgba(6,182,212,.08);
    border-radius: 5px;
    padding: .25rem .35rem;
    margin: 0 -.35rem;
}
.vc-voter--empty[b-hgqomyy5zz] {
    font-size: .75rem;
    color: var(--muted);
    font-style: italic;
}
.vc-voter-you[b-hgqomyy5zz] {
    font-size: .6rem;
    font-weight: 700;
    background: rgba(6,182,212,.2);
    color: #06b6d4;
    border-radius: 3px;
    padding: .05rem .3rem;
    margin-left: .2rem;
    vertical-align: middle;
}
.vc-voter-divider[b-hgqomyy5zz] {
    height: 1px;
    background: rgba(255,255,255,.08);
    margin: .2rem 0;
}
.vc-voter-more[b-hgqomyy5zz] {
    font-size: .7rem;
    color: var(--muted);
    padding-top: .25rem;
    border-top: 1px solid rgba(255,255,255,.08);
    margin-top: .15rem;
}

/* Status overlay */
.vc-overlay[b-hgqomyy5zz] {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.6);
    backdrop-filter: blur(3px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    font-size: .75rem;
    font-weight: 900;
    letter-spacing: 1.2px;
    color: #fff;
}
.vc-overlay--closed[b-hgqomyy5zz] { background: rgba(0,0,0,.7); }
.vc-overlay-icon[b-hgqomyy5zz] { font-size: 1.6rem; opacity: .85; }

/* Body */
.vc-body[b-hgqomyy5zz] {
    padding: .85rem 1rem .75rem;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: .3rem;
}
.vc-name[b-hgqomyy5zz] {
    font-size: .88rem;
    font-weight: 800;
    line-height: 1.3;
    color: var(--text);
}
.vc-desc[b-hgqomyy5zz] {
    font-size: .72rem;
    color: var(--muted);
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Vote button */
.vc-btn[b-hgqomyy5zz] {
    display: block;
    width: 100%;
    padding: .78rem 1rem;
    background: transparent;
    border: none;
    border-top: 1px solid rgba(6,182,212,.25);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #06b6d4;
    cursor: pointer;
    transition: background .18s, color .18s, box-shadow .18s;
}
.vc-btn:hover[b-hgqomyy5zz] {
    background: rgba(6,182,212,.1);
    color: #fff;
    box-shadow: inset 0 1px 0 rgba(6,182,212,.4);
}

/* Footer states */
.vc-footer[b-hgqomyy5zz] {
    padding: .72rem 1rem;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .8px;
    text-align: center;
    border-top: 1px solid var(--border);
}
.vc-footer--voted[b-hgqomyy5zz] {
    color: #4ade80;
    background: rgba(34,197,94,.06);
}
.vc-footer--locked[b-hgqomyy5zz] {
    color: var(--muted);
}
.vc-footer--closed[b-hgqomyy5zz] {
    color: #f87171;
    background: rgba(239,68,68,.08);
    border-top-color: rgba(239,68,68,.2);
}

/* Inline confirm */
.vc-confirm[b-hgqomyy5zz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding: .6rem .85rem;
    border-top: 1px solid rgba(6,182,212,.25);
    background: rgba(6,182,212,.06);
}
.vc-confirm-text[b-hgqomyy5zz] {
    font-size: .72rem;
    font-weight: 700;
    color: #e2e8f0;
    white-space: nowrap;
}
.vc-confirm-btns[b-hgqomyy5zz] {
    display: flex;
    gap: .4rem;
}
.vc-confirm-yes[b-hgqomyy5zz],
.vc-confirm-no[b-hgqomyy5zz] {
    padding: .3rem .75rem;
    border-radius: 4px;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .5px;
    cursor: pointer;
    border: none;
    transition: filter .15s;
}
.vc-confirm-yes[b-hgqomyy5zz] {
    background: #06b6d4;
    color: #000;
}
.vc-confirm-yes:hover[b-hgqomyy5zz] { filter: brightness(1.15); }
.vc-confirm-no[b-hgqomyy5zz] {
    background: rgba(255,255,255,.08);
    color: var(--muted);
}
.vc-confirm-no:hover[b-hgqomyy5zz] { filter: brightness(1.3); }
/* /Layout/MainLayout.razor.rz.scp.css */
.site-footer[b-r5ifi62cip] { position: relative; z-index: 1; border-top: 1px solid var(--border); background: rgba(5,8,16,.9); padding: 2rem 0; margin-top: 4rem; text-align: center; }
.footer-inner[b-r5ifi62cip] { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 2rem; margin-bottom: 1.5rem; }
@media(max-width:768px) { .footer-inner[b-r5ifi62cip] { grid-template-columns: 1fr 1fr; } }
.footer-brand p[b-r5ifi62cip] { color: var(--muted); font-size: .8rem; line-height: 1.7; max-width: 260px; margin-top: .5rem; }
.footer-col h4[b-r5ifi62cip] { font-size: .75rem; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: var(--muted); margin-bottom: .8rem; }
.footer-col ul[b-r5ifi62cip] { list-style: none; display: flex; flex-direction: column; gap: .45rem; }
.footer-col a[b-r5ifi62cip] { color: var(--muted); text-decoration: none; font-size: .8rem; transition: color .2s; }
.footer-col a:hover[b-r5ifi62cip] { color: var(--accent-2); }
.footer-logo[b-r5ifi62cip] { font-size: 1.1rem; font-weight: 900; letter-spacing: 1px; color: var(--text); margin-bottom: .5rem; }
.footer-copy[b-r5ifi62cip] { font-size: .75rem; color: var(--muted); margin-bottom: .25rem; }
.footer-sub[b-r5ifi62cip]  { font-size: .72rem; color: var(--muted); opacity: .6; }
.footer-bottom[b-r5ifi62cip] { border-top: 1px solid var(--border); padding-top: 1.1rem; font-size: .73rem; color: var(--muted); }
#blazor-error-ui[b-r5ifi62cip] { background: rgba(220,50,50,.15); border: 1px solid rgba(220,50,50,.3); color: var(--text); padding: .75rem 1.5rem; position: fixed; bottom: 0; left: 0; right: 0; z-index: 1000; display: none; }
.reload[b-r5ifi62cip] { color: var(--accent-2); }
.dismiss[b-r5ifi62cip] { cursor: pointer; }
/* /Layout/Nav.razor.rz.scp.css */
.navbar[b-p5uoi10m6o] { position: sticky; top: 0; z-index: 100; backdrop-filter: blur(20px); background: rgba(5,8,16,.88); border-bottom: 1px solid var(--border); padding: 0 clamp(1rem,5vw,3rem); height: 80px; display: flex; align-items: center; justify-content: space-between; }
.nav-logo[b-p5uoi10m6o] { display: flex; align-items: center; gap: 10px; font-size: 1.3rem; font-weight: 900; letter-spacing: -.5px; text-decoration: none; color: var(--text); }
.logo-icon[b-p5uoi10m6o] { width: 36px; height: 36px; background: linear-gradient(135deg,var(--accent),var(--accent-2)); border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1rem; box-shadow: var(--glow); }
.nav-logo .gg[b-p5uoi10m6o] { color: var(--accent-2); }
.nav-links[b-p5uoi10m6o] { display: flex; gap: .5rem; list-style: none; }
.nav-links a[b-p5uoi10m6o] {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: var(--muted);
    text-decoration: none;
    font-size: .88rem;
    font-weight: 500;
    padding: .5rem .85rem;
    border-radius: 10px;
    border: 1px solid transparent;
    position: relative;
    transition: color .2s, transform .2s, background .2s, border-color .2s, box-shadow .2s;
}
.nav-links a svg[b-p5uoi10m6o] {
    transition: transform .2s, color .2s;
    flex-shrink: 0;
}
.nav-links a:hover[b-p5uoi10m6o] {
    color: var(--text);
    background: rgba(255,255,255,.04);
    border-color: rgba(255,255,255,.07);
    transform: translateY(-2px);
    box-shadow: 0 4px 20px rgba(0,0,0,.3);
}
.nav-links a:hover svg[b-p5uoi10m6o] {
    transform: scale(1.15);
    color: var(--accent);
}
.nav-links a.active[b-p5uoi10m6o] {
    color: #fff;
    background: rgba(99,102,241,.1);
    border-color: rgba(99,102,241,.25);
    box-shadow: 0 0 16px rgba(99,102,241,.15);
}
.nav-links a.active svg[b-p5uoi10m6o] {
    color: var(--accent);
}
.nav-actions[b-p5uoi10m6o] { display: flex; gap: .75rem; align-items: center; }

/* Discord button */
.btn-discord[b-p5uoi10m6o] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .45rem 1.1rem;
    background: #5865F2;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: .85rem;
    font-weight: 600;
    letter-spacing: .02em;
    cursor: pointer;
    transition: background .2s, transform .1s;
}
.btn-discord:hover[b-p5uoi10m6o] { background: #4752c4; transform: translateY(-1px); }
.btn-discord:active[b-p5uoi10m6o] { transform: translateY(0); }
.discord-icon[b-p5uoi10m6o] { width: 18px; height: 18px; flex-shrink: 0; }

/* User chip (logged in state) */
.user-chip[b-p5uoi10m6o] {
    display: flex;
    align-items: center;
    gap: .6rem;
    background: rgba(255,255,255,.05);
    border: 1px solid var(--border);
    border-radius: 999px;
    padding: .3rem .8rem .3rem .4rem;
}
.user-avatar[b-p5uoi10m6o] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    object-fit: cover;
}
.user-info[b-p5uoi10m6o] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    line-height: 1;
}
.user-name[b-p5uoi10m6o] {
    font-size: .85rem;
    font-weight: 500;
    color: var(--text);
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.user-role[b-p5uoi10m6o] {
    font-size: .68rem;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--muted);
}
.user-role.role-sub[b-p5uoi10m6o] {
    color: var(--accent-2);
}
.btn-sm[b-p5uoi10m6o] { padding: .25rem .65rem; font-size: .78rem; }

/* Cart icon */
.nav-cart[b-p5uoi10m6o] { position: relative; display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 10px; border: 1px solid var(--border); color: var(--muted); transition: color .2s, border-color .2s, background .2s; text-decoration: none; }
.nav-cart:hover[b-p5uoi10m6o] { color: var(--text); border-color: var(--accent); background: rgba(124,58,237,.1); }
.cart-badge[b-p5uoi10m6o] { position: absolute; top: -5px; right: -5px; background: var(--accent); color: #fff; font-size: .6rem; font-weight: 800; min-width: 16px; height: 16px; border-radius: 999px; display: flex; align-items: center; justify-content: center; padding: 0 3px; box-shadow: var(--glow); }
@media(max-width:768px) { .nav-links[b-p5uoi10m6o] { display: none; } }
/* /Pages/Auth/AuthCallback.razor.rz.scp.css */
.auth-callback[b-s4bk8l9c70] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 80vh;
}

.auth-callback-inner[b-s4bk8l9c70] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
    color: var(--muted);
    font-size: .95rem;
    letter-spacing: .03em;
}

.auth-spinner[b-s4bk8l9c70] {
    width: 40px;
    height: 40px;
    border: 3px solid var(--border);
    border-top-color: #5865F2;
    border-radius: 50%;
    animation: spin-b-s4bk8l9c70 .7s linear infinite;
}

@keyframes spin-b-s4bk8l9c70 { to { transform: rotate(360deg); } }

.auth-icon[b-s4bk8l9c70] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    font-weight: 700;
}
.auth-icon--ok[b-s4bk8l9c70]  { background: rgba(34,197,94,.15); color: #22c55e; }
.auth-icon--err[b-s4bk8l9c70] { background: rgba(239,68,68,.15);  color: #ef4444; }

.auth-error-title[b-s4bk8l9c70]  { color: var(--text); font-weight: 600; }
.auth-error-detail[b-s4bk8l9c70] { color: var(--muted); font-size: .82rem; text-align: center; max-width: 320px; }

.btn-discord[b-s4bk8l9c70] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem 1.2rem;
    background: #5865F2;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: .85rem;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    margin-top: .5rem;
}
/* /Pages/Checkout/Checkout.razor.rz.scp.css */
.checkout-wrap[b-jcp0pp0ral] {
    min-height: 80vh;
    padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 5vw, 3rem);
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.ck-loading[b-jcp0pp0ral], .ck-error[b-jcp0pp0ral] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.25rem;
    min-height: 40vh;
    color: var(--muted);
}

/* Two-column layout */
.ck-layout[b-jcp0pp0ral] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    width: 100%;
    max-width: 860px;
    align-items: start;
}

@media (max-width: 640px) {
    .ck-layout[b-jcp0pp0ral] { grid-template-columns: 1fr; }
}

/* ── Product side ── */
.ck-product[b-jcp0pp0ral] {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 16px;
    overflow: hidden;
}

.ck-prod-img[b-jcp0pp0ral] {
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3.5rem;
}

.ck-prod-img-cover[b-jcp0pp0ral] {
    position: relative;
    padding: 0;
}

.ck-prod-img-cover img[b-jcp0pp0ral] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.ck-prod-img-overlay[b-jcp0pp0ral] {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(10,14,26,.7) 0%, transparent 60%);
}

.ck-prod-icon-over[b-jcp0pp0ral] {
    position: absolute;
    bottom: .75rem;
    left: 1rem;
    font-size: 2rem;
    filter: drop-shadow(0 1px 4px rgba(0,0,0,.8));
}

.ck-prod-info[b-jcp0pp0ral] {
    padding: 1.25rem 1.25rem 0;
}

.ck-prod-cat[b-jcp0pp0ral] {
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--accent);
    margin-bottom: .4rem;
}

.ck-prod-name[b-jcp0pp0ral] {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--text);
    margin-bottom: .4rem;
}

.ck-prod-desc[b-jcp0pp0ral] {
    font-size: .83rem;
    color: var(--muted);
    line-height: 1.5;
    margin-bottom: .75rem;
}

.ck-prod-tags[b-jcp0pp0ral] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-bottom: 1rem;
}

.ck-price-row[b-jcp0pp0ral] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.1rem 1.25rem;
    border-top: 1px solid var(--border);
    background: linear-gradient(90deg, rgba(124,58,237,.06), rgba(255,255,255,.02));
}

.ck-price-label[b-jcp0pp0ral] {
    font-size: .82rem;
    font-weight: 600;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: .06em;
}

.ck-billing-selector[b-jcp0pp0ral] { display: grid; grid-template-columns: repeat(3, 1fr); gap: .6rem; margin-bottom: 1.5rem; }
.ck-bill-btn[b-jcp0pp0ral] { background: rgba(255,255,255,.03); border: 1.5px solid var(--border); border-radius: 12px; padding: .85rem .6rem; display: flex; flex-direction: column; align-items: center; gap: .2rem; cursor: pointer; transition: all .2s; text-align: center; }
.ck-bill-btn:hover:not(.active)[b-jcp0pp0ral] { border-color: rgba(124,58,237,.4); background: rgba(124,58,237,.06); }
.ck-bill-btn.active[b-jcp0pp0ral] { border-color: var(--accent); background: rgba(124,58,237,.15); box-shadow: 0 0 0 1px var(--accent), 0 0 18px rgba(124,58,237,.2); }
.ck-bill-name[b-jcp0pp0ral] { font-size: .72rem; font-weight: 700; color: var(--muted); text-transform: uppercase; letter-spacing: .04em; display: flex; align-items: center; gap: .3rem; }
.ck-bill-btn.active .ck-bill-name[b-jcp0pp0ral] { color: var(--text); }
.ck-bill-main[b-jcp0pp0ral] { font-size: 1.2rem; font-weight: 900; color: var(--text); line-height: 1.1; margin-top: .15rem; }
.ck-bill-sub[b-jcp0pp0ral] { font-size: .65rem; color: var(--muted); margin-top: .1rem; }
.ck-bill-badge[b-jcp0pp0ral] { background: rgba(34,197,94,.18); color: #4ade80; border-radius: 999px; padding: .05rem .4rem; font-size: .6rem; font-weight: 800; letter-spacing: .02em; }
.ck-bill-badge-gold[b-jcp0pp0ral] { background: rgba(251,191,36,.15); color: #fbbf24; }

.ck-discount-badge[b-jcp0pp0ral] {
    margin-top: .25rem;
    font-size: .7rem;
    font-weight: 700;
    color: #fbbf24;
    background: rgba(251,191,36,.12);
    border: 1px solid rgba(251,191,36,.3);
    border-radius: 999px;
    padding: .1rem .5rem;
    display: inline-block;
}

.ck-price-value[b-jcp0pp0ral] {
    display: flex;
    align-items: baseline;
    gap: .5rem;
}

.ck-original[b-jcp0pp0ral] {
    font-size: .82rem;
    color: var(--muted);
    text-decoration: line-through;
}

.ck-amount[b-jcp0pp0ral] {
    font-size: 1.75rem;
    font-weight: 900;
    color: var(--text);
    letter-spacing: -0.5px;
}

.ck-free[b-jcp0pp0ral] {
    font-size: 1.3rem;
    font-weight: 800;
    color: #22c55e;
}

/* ── Form side ── */
.ck-form-wrap[b-jcp0pp0ral] {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 1.75rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.ck-form-title[b-jcp0pp0ral] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--text);
    margin-bottom: .25rem;
}

.ck-alert[b-jcp0pp0ral] {
    background: rgba(239,68,68,.1);
    border: 1px solid rgba(239,68,68,.3);
    border-radius: 8px;
    padding: .6rem .9rem;
    font-size: .83rem;
    color: #ef4444;
}

.ck-field[b-jcp0pp0ral] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.ck-field label[b-jcp0pp0ral] {
    font-size: .78rem;
    font-weight: 600;
    color: var(--muted);
    letter-spacing: .04em;
    text-transform: uppercase;
}

.ck-optional[b-jcp0pp0ral] {
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
    opacity: .7;
}

.ck-field input[b-jcp0pp0ral] {
    background: rgba(255,255,255,.04);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: .6rem .9rem;
    color: var(--text);
    font-size: .9rem;
    transition: border-color .2s, box-shadow .2s;
    outline: none;
}

.ck-field input:focus[b-jcp0pp0ral] {
    border-color: var(--accent);
    box-shadow: 0 0 0 3px rgba(99,102,241,.15);
}

.ck-pay-label[b-jcp0pp0ral] {
    font-size: .78rem;
    font-weight: 600;
    color: var(--muted);
    letter-spacing: .04em;
    text-transform: uppercase;
    margin-top: .25rem;
}

.ck-pay-buttons[b-jcp0pp0ral] {
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

.ck-btn-stripe[b-jcp0pp0ral], .ck-btn-paypal[b-jcp0pp0ral], .ck-btn-free[b-jcp0pp0ral] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .6rem;
    padding: .75rem 1.2rem;
    border: none;
    border-radius: 12px;
    font-size: .92rem;
    font-weight: 700;
    cursor: pointer;
    transition: transform .15s, box-shadow .2s, opacity .2s;
}

.ck-btn-stripe[b-jcp0pp0ral], .ck-btn-paypal[b-jcp0pp0ral], .ck-btn-free[b-jcp0pp0ral] {
    disabled { opacity: .5; cursor: not-allowed; }
}

.ck-btn-stripe[b-jcp0pp0ral] {
    background: linear-gradient(135deg, #635bff, #4f46e5);
    color: #fff;
    box-shadow: 0 4px 20px rgba(99,91,255,.3);
}
.ck-btn-stripe:hover:not(:disabled)[b-jcp0pp0ral] { transform: translateY(-2px); box-shadow: 0 6px 28px rgba(99,91,255,.45); }

.ck-btn-paypal[b-jcp0pp0ral] {
    background: linear-gradient(135deg, #003087, #009cde);
    color: #fff;
    box-shadow: 0 4px 20px rgba(0,48,135,.3);
}
.ck-btn-paypal:hover:not(:disabled)[b-jcp0pp0ral] { transform: translateY(-2px); box-shadow: 0 6px 28px rgba(0,48,135,.4); }

.ck-btn-free[b-jcp0pp0ral] {
    background: linear-gradient(135deg, #16a34a, #22c55e);
    color: #fff;
    box-shadow: 0 4px 20px rgba(34,197,94,.25);
}
.ck-btn-free:hover:not(:disabled)[b-jcp0pp0ral] { transform: translateY(-2px); box-shadow: 0 6px 28px rgba(34,197,94,.35); }

.btn-spinner[b-jcp0pp0ral] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255,255,255,.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin-b-jcp0pp0ral .6s linear infinite;
    flex-shrink: 0;
}

@keyframes spin-b-jcp0pp0ral { to { transform: rotate(360deg); } }

.ck-cancel-link[b-jcp0pp0ral] {
    margin-top: .25rem;
    font-size: .82rem;
    color: var(--muted);
    text-decoration: none;
    transition: color .2s;
    text-align: center;
}
.ck-cancel-link:hover[b-jcp0pp0ral] { color: var(--text); }

.btn-back[b-jcp0pp0ral] {
    padding: .5rem 1.25rem;
    background: var(--accent);
    color: #fff;
    border-radius: 8px;
    font-size: .88rem;
    font-weight: 600;
    text-decoration: none;
}
/* /Pages/Checkout/CheckoutResult.razor.rz.scp.css */
.result-wrap[b-87e8qhq42r] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 80vh;
    padding: 2rem;
}

.result-inner[b-87e8qhq42r] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
    max-width: 400px;
    text-align: center;
}

.result-icon[b-87e8qhq42r] {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.result-icon--ok[b-87e8qhq42r]     { background: rgba(34,197,94,.12); color: #22c55e; box-shadow: 0 0 32px rgba(34,197,94,.2); }
.result-icon--cancel[b-87e8qhq42r] { background: rgba(239,68,68,.12);  color: #ef4444; box-shadow: 0 0 32px rgba(239,68,68,.2); }

.result-title[b-87e8qhq42r] {
    font-size: 1.6rem;
    font-weight: 800;
    color: var(--text);
}

.result-order[b-87e8qhq42r] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .25rem;
    background: rgba(255,255,255,.04);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: .75rem 2rem;
}

.order-label[b-87e8qhq42r] {
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--muted);
}

.order-number[b-87e8qhq42r] {
    font-size: 1.4rem;
    font-weight: 800;
    letter-spacing: .1em;
    color: var(--accent);
    font-variant-numeric: tabular-nums;
}

.result-sub[b-87e8qhq42r] {
    font-size: .9rem;
    color: var(--muted);
    line-height: 1.6;
}

.result-actions[b-87e8qhq42r] {
    display: flex;
    gap: 1rem;
    align-items: center;
    margin-top: .5rem;
    flex-wrap: wrap;
    justify-content: center;
}

.btn-primary[b-87e8qhq42r] {
    padding: .65rem 1.5rem;
    background: linear-gradient(135deg, var(--accent), var(--accent-2));
    color: #fff;
    border-radius: 10px;
    font-size: .9rem;
    font-weight: 700;
    text-decoration: none;
    box-shadow: var(--glow);
    transition: transform .15s, box-shadow .2s;
}
.btn-primary:hover[b-87e8qhq42r] { transform: translateY(-2px); }

.btn-ghost-link[b-87e8qhq42r] {
    font-size: .88rem;
    color: var(--muted);
    text-decoration: none;
    transition: color .2s;
}
.btn-ghost-link:hover[b-87e8qhq42r] { color: var(--text); }
/* /Pages/Faq.razor.rz.scp.css */
.faq-header[b-c6ggbjy6k3] { margin-bottom: 2rem; text-align: center; }

/* ── Category tabs ── */
.faq-tabs[b-c6ggbjy6k3] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: .4rem;
    background: rgba(11,17,32,.8);
    border: 1px solid var(--border);
    border-radius: 999px;
    padding: .35rem;
    width: fit-content;
    margin: 0 auto 2rem;
}

.faq-tab[b-c6ggbjy6k3] {
    padding: .45rem 1.3rem;
    border-radius: 999px;
    font-size: .82rem;
    font-weight: 600;
    cursor: pointer;
    border: none;
    background: transparent;
    color: var(--muted);
    transition: all .2s;
    white-space: nowrap;
}
.faq-tab:hover[b-c6ggbjy6k3] { color: var(--text); }
.faq-tab-active[b-c6ggbjy6k3] { background: var(--accent); color: #fff; box-shadow: var(--glow); }

/* ── Cards grid ── */
.faq-cards[b-c6ggbjy6k3] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    max-width: 960px;
    margin: 0 auto;
}
@media(max-width: 720px) { .faq-cards[b-c6ggbjy6k3] { grid-template-columns: repeat(2, 1fr); } }
@media(max-width: 480px) { .faq-cards[b-c6ggbjy6k3] { grid-template-columns: 1fr; } }

.faq-card[b-c6ggbjy6k3] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: var(--r);
    padding: 1.1rem 1.25rem;
    transition: border-color .2s, transform .2s, box-shadow .2s;
}
.faq-card:hover[b-c6ggbjy6k3] { border-color: rgba(124,58,237,.45); transform: translateY(-2px); box-shadow: var(--glow); }

.faq-card-question[b-c6ggbjy6k3] {
    font-size: .9rem;
    font-weight: 700;
    color: var(--text);
    margin-bottom: .6rem;
    line-height: 1.4;
}

.faq-card-answer[b-c6ggbjy6k3] {
    font-size: .85rem;
    color: var(--muted);
    line-height: 1.65;
}

/* Rich text */
.faq-card-answer a[b-c6ggbjy6k3] { color: var(--accent-2); text-decoration: underline; text-underline-offset: 3px; }
.faq-card-answer a:hover[b-c6ggbjy6k3] { color: #fff; }
.faq-card-answer strong[b-c6ggbjy6k3], .faq-card-answer b[b-c6ggbjy6k3] { color: var(--text); font-weight: 700; }
.faq-card-answer ul[b-c6ggbjy6k3], .faq-card-answer ol[b-c6ggbjy6k3] { padding-left: 1.2rem; margin: .4rem 0; display: flex; flex-direction: column; gap: .2rem; }
.faq-card-answer ul[b-c6ggbjy6k3] { list-style: disc; }
.faq-card-answer ol[b-c6ggbjy6k3] { list-style: decimal; }
.faq-card-answer code[b-c6ggbjy6k3] { background: rgba(124,58,237,.15); color: #a78bfa; padding: .1rem .35rem; border-radius: 5px; font-size: .82em; font-family: monospace; }
.faq-card-answer p + p[b-c6ggbjy6k3] { margin-top: .5rem; }
/* /Pages/Home.razor.rz.scp.css */
.welcome-section[b-yfg03rkijp] { position: relative; z-index: 1; border-bottom: 1px solid var(--border); padding: clamp(3rem,7vw,5.5rem) 0; }
.welcome-section[b-yfg03rkijp]::before { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg,rgba(124,58,237,.07) 0%,transparent 100%); pointer-events: none; }
.welcome-hero[b-yfg03rkijp] { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center; }
@media(max-width:768px) { .welcome-hero[b-yfg03rkijp] { grid-template-columns: 1fr; } }
.welcome-text h1[b-yfg03rkijp] { font-size: clamp(2.2rem,4.5vw,3.4rem); font-weight: 900; line-height: 1.08; letter-spacing: -1.5px; margin-bottom: 1.1rem; }
.welcome-text p[b-yfg03rkijp] { color: var(--muted); font-size: .97rem; line-height: 1.8; max-width: 520px; }
.welcome-text p + p[b-yfg03rkijp] { margin-top: .65rem; }
.welcome-text strong[b-yfg03rkijp] { color: var(--text); }
.hero-cta[b-yfg03rkijp] { display: flex; gap: .85rem; flex-wrap: wrap; margin-top: 1.75rem; }
.stats-grid[b-yfg03rkijp] { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.wstat[b-yfg03rkijp] { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--r); padding: 1.1rem 1.25rem; display: flex; flex-direction: column; gap: .5rem; transition: border-color .2s; }
.wstat:hover[b-yfg03rkijp] { border-color: var(--accent); }
.wstat-icon[b-yfg03rkijp] { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1rem; }
.wstat-val[b-yfg03rkijp] { font-size: 1.5rem; font-weight: 800; }
.wstat-lbl[b-yfg03rkijp] { font-size: .72rem; color: var(--muted); text-transform: uppercase; letter-spacing: .4px; }
.billing-tabs[b-yfg03rkijp] { display: flex; align-items: center; justify-content: center; gap: .4rem; background: rgba(11,17,32,.8); border: 1px solid var(--border); border-radius: 999px; padding: .35rem; width: fit-content; margin: 0 auto 3rem; }
.b-tab[b-yfg03rkijp] { padding: .45rem 1.3rem; border-radius: 999px; font-size: .82rem; font-weight: 600; cursor: pointer; border: none; background: transparent; color: var(--muted); transition: all .2s; display: flex; align-items: center; gap: .45rem; }
.b-tab:hover[b-yfg03rkijp] { color: var(--text); }
.b-tab.active[b-yfg03rkijp] { background: var(--accent); color: #fff; box-shadow: var(--glow); }
.b-badge[b-yfg03rkijp] { background: rgba(34,197,94,.2); color: #4ade80; border: 1px solid rgba(34,197,94,.3); font-size: .62rem; font-weight: 700; padding: .1rem .45rem; border-radius: 999px; }
.plans-section-wide[b-yfg03rkijp] { max-width: 1700px; margin: 0 auto; padding: clamp(3rem,7vw,5rem) clamp(.5rem,2vw,1rem); }
.plans-grid[b-yfg03rkijp] { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 1rem; align-items: stretch; }
@media(max-width:900px) { .plans-grid[b-yfg03rkijp] { grid-auto-flow: row; grid-template-columns: repeat(2, 1fr); } }
@media(max-width:500px) { .plans-grid[b-yfg03rkijp] { grid-template-columns: 1fr; } }
/* /Pages/MultiCheckout.razor.rz.scp.css */
.mc-header[b-eoqqsxx83z] { text-align: center; margin-bottom: 2.5rem; }
.mc-grid[b-eoqqsxx83z] { display: grid; grid-template-columns: 1fr 380px; gap: 2rem; align-items: start; }

/* Empty state */
.mc-empty[b-eoqqsxx83z] { text-align: center; padding: 4rem 1rem; }
.mc-empty-icon[b-eoqqsxx83z] { font-size: 3rem; margin-bottom: 1rem; }
.mc-empty p[b-eoqqsxx83z] { color: var(--muted); margin-bottom: 1.5rem; }

/* Items list */
.mc-items[b-eoqqsxx83z] { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--r); overflow: hidden; }
.mc-item[b-eoqqsxx83z] { display: flex; align-items: center; gap: 1rem; padding: 1rem 1.25rem; border-bottom: 1px solid var(--border); }
.mc-item:last-of-type[b-eoqqsxx83z] { border-bottom: none; }
.mc-item-img[b-eoqqsxx83z] { width: 48px; height: 48px; border-radius: 10px; overflow: hidden; background: rgba(255,255,255,.05); display: flex; align-items: center; justify-content: center; font-size: 1.6rem; flex-shrink: 0; }
.mc-item-img img[b-eoqqsxx83z] { width: 100%; height: 100%; object-fit: cover; }
.mc-item-info[b-eoqqsxx83z] { flex: 1; min-width: 0; }
.mc-item-name[b-eoqqsxx83z] { font-size: .93rem; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mc-item-meta[b-eoqqsxx83z] { display: flex; gap: .4rem; flex-wrap: wrap; margin-top: .3rem; }
.mc-tag[b-eoqqsxx83z] { font-size: .65rem; font-weight: 700; padding: .15rem .5rem; border-radius: 999px; text-transform: uppercase; letter-spacing: .3px; }
.mc-tag-tier[b-eoqqsxx83z] { background: rgba(124,58,237,.15); color: #a78bfa; border: 1px solid rgba(124,58,237,.3); }
.mc-tag-discount[b-eoqqsxx83z] { background: rgba(34,197,94,.12); color: #4ade80; border: 1px solid rgba(34,197,94,.25); }
.mc-item-price[b-eoqqsxx83z] { display: flex; flex-direction: column; align-items: flex-end; gap: .2rem; flex-shrink: 0; }
.mc-price-original[b-eoqqsxx83z] { font-size: .75rem; color: var(--muted); text-decoration: line-through; }
.mc-price-final[b-eoqqsxx83z] { font-size: 1rem; font-weight: 800; color: var(--text); }
.mc-remove[b-eoqqsxx83z] { background: none; border: none; cursor: pointer; color: var(--muted); padding: .35rem; border-radius: 6px; transition: color .15s, background .15s; display: flex; align-items: center; justify-content: center; }
.mc-remove:hover[b-eoqqsxx83z] { color: #f87171; background: rgba(248,113,113,.1); }

/* Summary row */
.mc-summary[b-eoqqsxx83z] { padding: 1rem 1.25rem; border-top: 1px solid var(--border); display: flex; flex-direction: column; gap: .5rem; }
.mc-summary-row[b-eoqqsxx83z] { display: flex; justify-content: space-between; align-items: center; font-size: .88rem; }
.mc-savings[b-eoqqsxx83z] { color: #4ade80; }
.mc-total[b-eoqqsxx83z] { font-size: 1.05rem; font-weight: 800; }

/* Form panel */
.mc-form-panel[b-eoqqsxx83z] { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--r); padding: 1.5rem; display: flex; flex-direction: column; gap: 1rem; position: sticky; top: 1.5rem; }
.mc-form-title[b-eoqqsxx83z] { font-size: 1rem; font-weight: 800; margin-bottom: .25rem; }
.mc-field[b-eoqqsxx83z] { display: flex; flex-direction: column; gap: .4rem; }
.mc-field label[b-eoqqsxx83z] { font-size: .78rem; color: var(--muted); font-weight: 600; }
.mc-input[b-eoqqsxx83z] { background: rgba(255,255,255,.04); border: 1px solid var(--border); border-radius: 9px; padding: .6rem .85rem; font-size: .9rem; color: var(--text); width: 100%; box-sizing: border-box; transition: border-color .2s; }
.mc-input:focus[b-eoqqsxx83z] { outline: none; border-color: var(--accent); }
.mc-error[b-eoqqsxx83z] { background: rgba(248,113,113,.1); border: 1px solid rgba(248,113,113,.3); border-radius: 9px; padding: .6rem .85rem; font-size: .82rem; color: #f87171; }
.mc-total-big[b-eoqqsxx83z] { font-size: 1.6rem; font-weight: 900; text-align: center; letter-spacing: -1px; }

/* Payment buttons */
.mc-btn-paypal[b-eoqqsxx83z] { width: 100%; display: flex; align-items: center; justify-content: center; gap: .6rem; padding: .75rem; border-radius: 10px; font-size: .9rem; font-weight: 700; cursor: pointer; border: none; background: #0070ba; color: #fff; transition: all .2s; }
.mc-btn-paypal:hover:not(:disabled)[b-eoqqsxx83z] { background: #005ea6; transform: translateY(-1px); }
.mc-btn-stripe[b-eoqqsxx83z] { width: 100%; display: flex; align-items: center; justify-content: center; gap: .6rem; padding: .75rem; border-radius: 10px; font-size: .9rem; font-weight: 700; cursor: pointer; border: none; background: linear-gradient(135deg,var(--accent),#9d5cf6); color: #fff; transition: all .2s; box-shadow: var(--glow); }
.mc-btn-stripe:hover:not(:disabled)[b-eoqqsxx83z] { transform: translateY(-1px); box-shadow: 0 0 28px rgba(124,58,237,.6); }
.mc-btn-paypal:disabled[b-eoqqsxx83z], .mc-btn-stripe:disabled[b-eoqqsxx83z] { opacity: .55; cursor: not-allowed; }

.spinner-sm[b-eoqqsxx83z] { width: 16px; height: 16px; border: 2px solid rgba(255,255,255,.3); border-top-color: #fff; border-radius: 50%; animation: spin-b-eoqqsxx83z .6s linear infinite; flex-shrink: 0; }
@keyframes spin-b-eoqqsxx83z { to { transform: rotate(360deg); } }

@media (max-width: 768px) {
    .mc-grid[b-eoqqsxx83z] { grid-template-columns: 1fr; }
    .mc-form-panel[b-eoqqsxx83z] { position: static; }
}
/* /Pages/Profile.razor.rz.scp.css */
/* ── Wrap ── */
.profile-wrap[b-rcwrtyhpat] {
    padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 4vw, 2.5rem);
    max-width: 960px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.profile-loading[b-rcwrtyhpat] {
    display: flex;
    justify-content: center;
    padding: 4rem 0;
}

/* ── Hero ── */
.profile-hero[b-rcwrtyhpat] {
    position: relative;
    border: 1px solid var(--border);
    border-radius: 20px;
    overflow: hidden;
    background: var(--card);
}

.profile-hero-banner[b-rcwrtyhpat] {
    height: 110px;
    background: linear-gradient(135deg, rgba(99,102,241,.25) 0%, rgba(6,182,212,.1) 60%, transparent 100%);
    border-bottom: 1px solid var(--border);
}

.profile-hero-actions[b-rcwrtyhpat] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    display: flex;
    gap: .5rem;
}

.profile-hero-identity[b-rcwrtyhpat] {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
    padding: 0 1.5rem 1.5rem;
    margin-top: -36px;
}

.profile-avatar-wrap[b-rcwrtyhpat] {
    position: relative;
    flex-shrink: 0;
}

.profile-avatar[b-rcwrtyhpat] {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid var(--card);
    box-shadow: 0 0 0 2px var(--border);
}

.profile-avatar--placeholder[b-rcwrtyhpat] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--accent), var(--accent-2));
    font-size: 1.8rem;
    font-weight: 800;
    color: #fff;
}

.profile-online-dot[b-rcwrtyhpat] {
    position: absolute;
    bottom: 3px;
    right: 3px;
    width: 12px;
    height: 12px;
    background: #22c55e;
    border-radius: 50%;
    border: 2px solid var(--card);
}

.profile-name[b-rcwrtyhpat] {
    font-size: 1.35rem;
    font-weight: 800;
    color: var(--text);
    line-height: 1.2;
}

.profile-discord-id[b-rcwrtyhpat] {
    display: flex;
    align-items: center;
    gap: .35rem;
    font-size: .78rem;
    color: var(--muted);
    margin-top: .2rem;
}

.profile-role-tag[b-rcwrtyhpat] {
    color: var(--accent-2);
    font-weight: 700;
}

/* ── Body layout ── */
.profile-body[b-rcwrtyhpat] {
    display: grid;
    grid-template-columns: 240px 1fr;
    gap: 1.5rem;
    align-items: start;
}

@media (max-width: 680px) {
    .profile-body[b-rcwrtyhpat] { grid-template-columns: 1fr; }
}

/* ── Card base ── */
.profile-card[b-rcwrtyhpat] {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.profile-card-title[b-rcwrtyhpat] {
    display: flex;
    align-items: center;
    gap: .45rem;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--muted);
}

/* ── Sidebar fields ── */
.profile-sidebar[b-rcwrtyhpat] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.profile-field[b-rcwrtyhpat] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.profile-field-label[b-rcwrtyhpat] {
    font-size: .6rem;
    font-weight: 700;
    letter-spacing: .1em;
    color: var(--muted);
}

.profile-field-input[b-rcwrtyhpat] {
    background: rgba(255,255,255,.04);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: .5rem .75rem;
    font-size: .85rem;
    color: var(--text);
}

/* ── Main column ── */
.profile-main[b-rcwrtyhpat] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* ── Rank box ── */
.profile-rank-box[b-rcwrtyhpat] {
    background: rgba(99,102,241,.06);
    border: 1px solid rgba(99,102,241,.2);
    border-radius: 12px;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .5rem;
    text-align: center;
}

.profile-rank-box--empty[b-rcwrtyhpat] {
    background: rgba(255,255,255,.03);
    border-color: var(--border);
}

.profile-rank-name[b-rcwrtyhpat] {
    font-size: 1.6rem;
    font-weight: 900;
    letter-spacing: .06em;
    color: var(--muted);
}

.profile-rank-box:not(.profile-rank-box--empty) .profile-rank-name[b-rcwrtyhpat] {
    color: var(--text);
}

.profile-rank-status[b-rcwrtyhpat] {
    font-size: .7rem;
    color: var(--muted);
    letter-spacing: .08em;
}

.profile-rank-meta[b-rcwrtyhpat] {
    display: flex;
    align-items: center;
    gap: .6rem;
    flex-wrap: wrap;
    justify-content: center;
}

.profile-rank-renewal[b-rcwrtyhpat] {
    font-size: .78rem;
    color: var(--muted);
}

.profile-rank-votes[b-rcwrtyhpat] {
    display: flex;
    align-items: center;
    gap: .35rem;
    font-size: .8rem;
    color: var(--muted);
}

/* ── Stats row ── */
.profile-stats-row[b-rcwrtyhpat] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.profile-stat-card[b-rcwrtyhpat] {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 1.1rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.profile-stat-label[b-rcwrtyhpat] {
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .1em;
    color: var(--muted);
}

.profile-stat-value[b-rcwrtyhpat] {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--text);
    font-variant-numeric: tabular-nums;
}

/* ── Badge status ── */
.badge-status[b-rcwrtyhpat] {
    font-size: .65rem;
    font-weight: 700;
    letter-spacing: .06em;
    padding: .2rem .55rem;
    border-radius: 6px;
}

.badge-status--active[b-rcwrtyhpat]    { background: rgba(34,197,94,.12);  color: #22c55e; }
.badge-status--past_due[b-rcwrtyhpat]  { background: rgba(234,179,8,.12);  color: #eab308; }
.badge-status--cancelled[b-rcwrtyhpat] { background: rgba(239,68,68,.12);  color: #ef4444; }

/* ── Payment timeline ── */
.payment-timeline[b-rcwrtyhpat] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.pt-item[b-rcwrtyhpat] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: .85rem 0;
    border-bottom: 1px solid var(--border);
    position: relative;
}

.pt-item:last-child[b-rcwrtyhpat] { border-bottom: none; }

.pt-dot[b-rcwrtyhpat] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--accent);
    flex-shrink: 0;
    box-shadow: 0 0 6px var(--accent);
}

.pt-content[b-rcwrtyhpat] {
    flex: 1;
    min-width: 0;
}

.pt-name[b-rcwrtyhpat] {
    font-size: .88rem;
    font-weight: 600;
    color: var(--text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pt-date[b-rcwrtyhpat] {
    display: flex;
    align-items: center;
    gap: .3rem;
    font-size: .73rem;
    color: var(--muted);
    margin-top: .15rem;
}

.pt-right[b-rcwrtyhpat] {
    display: flex;
    align-items: center;
    gap: .6rem;
    flex-shrink: 0;
}

.pt-badge[b-rcwrtyhpat] {
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .06em;
    padding: .2rem .5rem;
    border-radius: 6px;
}

.pt-badge--stripe[b-rcwrtyhpat]     { background: rgba(99,91,255,.12);  color: #7c73ff; }
.pt-badge--paypal[b-rcwrtyhpat]     { background: rgba(0,48,135,.15);   color: #5b9bd5; }
.pt-badge--sub[b-rcwrtyhpat]        { background: rgba(6,182,212,.12);  color: var(--accent-2); }
.pt-badge--active[b-rcwrtyhpat]     { background: rgba(34,197,94,.12);  color: #22c55e; }
.pt-badge--past_due[b-rcwrtyhpat]   { background: rgba(234,179,8,.12);  color: #eab308; }
.pt-badge--cancelled[b-rcwrtyhpat]  { background: rgba(239,68,68,.12);  color: #ef4444; }
.pt-dot--sub[b-rcwrtyhpat] { background: var(--accent-2); box-shadow: 0 0 6px var(--accent-2); }

.pt-amount[b-rcwrtyhpat] {
    font-size: .9rem;
    font-weight: 700;
    color: #22c55e;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

/* ── Empty orders ── */
.orders-empty[b-rcwrtyhpat] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .75rem;
    padding: 2rem;
    color: var(--muted);
    text-align: center;
    font-size: .85rem;
}

.orders-empty a[b-rcwrtyhpat] { color: var(--accent); }
/* /Pages/Servers.razor.rz.scp.css */
.servers-header[b-4byivstkq3] { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 1rem; margin-bottom: 2rem; }
.servers-grid[b-4byivstkq3] { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px,1fr)); gap: 1.25rem; }
/* /Pages/Shop.razor.rz.scp.css */
.shop-header[b-jmw9otth00] { display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 1rem; margin-bottom: 2rem; }
.cart-info[b-jmw9otth00] { display: flex; align-items: center; gap: .6rem; font-size: .82rem; color: var(--muted); }
.shop-filters[b-jmw9otth00] { display: flex; gap: .5rem; flex-wrap: wrap; margin-bottom: 2rem; }
.filter-btn[b-jmw9otth00] { padding: .4rem 1rem; border-radius: 999px; font-size: .8rem; font-weight: 600; cursor: pointer; border: 1px solid var(--border); background: transparent; color: var(--muted); transition: all .2s; }
.filter-btn:hover[b-jmw9otth00] { border-color: var(--accent); color: var(--text); }
.filter-btn.active[b-jmw9otth00] { background: var(--accent); color: #fff; border-color: var(--accent); box-shadow: var(--glow); }
.shop-grid[b-jmw9otth00] { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px,1fr)); gap: 1.25rem; }
/* /Pages/Voting.razor.rz.scp.css */
.v-page[b-h2aijp6evq] { max-width: 1300px; margin: 0 auto; padding: clamp(2rem,5vw,4rem) clamp(1rem,4vw,2.5rem); }

/* ── Hero ─────────────────────────────────────────────────────────────── */
.v-hero[b-h2aijp6evq] { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 2rem; margin-bottom: 3rem; }

.v-session-badge[b-h2aijp6evq] {
    display: inline-flex; align-items: center; gap: .4rem;
    border: 1px solid var(--accent-2); color: var(--accent-2);
    font-size: .7rem; font-weight: 700; letter-spacing: 1px;
    padding: .3rem .9rem; border-radius: 999px; text-transform: uppercase;
    margin-bottom: 1rem;
}

.v-main-title[b-h2aijp6evq] {
    font-size: clamp(2.4rem, 5vw, 4rem);
    font-weight: 900; letter-spacing: -1px; line-height: 1;
    color: var(--text);
}
.v-live[b-h2aijp6evq] { color: var(--accent-2); }

.v-hero-sub[b-h2aijp6evq] { color: var(--muted); margin-top: .6rem; font-size: 1rem; }

/* ── Credits widget ───────────────────────────────────────────────────── */
.v-credits-widget[b-h2aijp6evq] {
    display: flex; align-items: center; gap: 1.5rem;
    background: var(--bg-card); border: 1px solid var(--border);
    border-radius: var(--r); padding: 1rem 1.5rem;
    min-width: 300px;
}
.vcw-reset-label[b-h2aijp6evq] {
    font-size: .62rem; font-weight: 700; letter-spacing: 1px;
    color: var(--muted); text-transform: uppercase; margin-bottom: .3rem;
}
.vcw-votes[b-h2aijp6evq] {
    display: flex; align-items: baseline; gap: .25rem;
    line-height: 1;
}
.vcw-votes-left[b-h2aijp6evq] {
    font-size: 2rem; font-weight: 800; color: var(--accent-2);
}
.vcw-votes-sep[b-h2aijp6evq] {
    font-size: 1.25rem; color: var(--muted);
}
.vcw-votes-total[b-h2aijp6evq] {
    font-size: 1.25rem; color: var(--muted);
}
.vcw-votes-label[b-h2aijp6evq] {
    font-size: .72rem; color: var(--muted); margin-top: .25rem;
}

/* ── Access banner ────────────────────────────────────────────────────── */
.v-access-banner[b-h2aijp6evq] {
    border-radius: var(--r);
    padding: .75rem 1.25rem;
    font-size: .88rem;
    margin-bottom: 2rem;
    background: rgba(251,191,36,.08);
    border: 1px solid rgba(251,191,36,.25);
    color: #fcd34d;
}
.v-access-banner a[b-h2aijp6evq] { color: var(--accent-2); text-decoration: underline; }
.v-access-banner--empty[b-h2aijp6evq] {
    background: rgba(239,68,68,.08);
    border-color: rgba(239,68,68,.25);
    color: #f87171;
}
.v-access-banner--ok[b-h2aijp6evq] {
    background: rgba(6,182,212,.08);
    border-color: rgba(6,182,212,.25);
    color: var(--accent-2);
}

/* ── Proposals ────────────────────────────────────────────────────────── */
.v-prop-header[b-h2aijp6evq] {
    display: flex; align-items: center; justify-content: space-between;
    flex-wrap: wrap; gap: 1rem; margin-bottom: 1.5rem;
}
.v-prop-title[b-h2aijp6evq] {
    font-size: .95rem; font-weight: 900; letter-spacing: 2.5px;
    text-transform: uppercase; font-style: italic;
}

/* Category tabs */
.v-cat-tabs[b-h2aijp6evq] { display: flex; gap: .4rem; flex-wrap: wrap; }
.v-cat-tab[b-h2aijp6evq] {
    padding: .35rem 1rem; border-radius: 6px;
    border: 1px solid var(--border); background: transparent;
    color: var(--muted); font-size: .72rem; font-weight: 700;
    letter-spacing: .5px; text-transform: uppercase;
    cursor: pointer; transition: all .18s;
}
.v-cat-tab:hover[b-h2aijp6evq] { border-color: var(--accent-2); color: var(--accent-2); }
.v-cat-tab.active[b-h2aijp6evq] { background: var(--accent-2); border-color: var(--accent-2); color: #000; }

/* ── Grid ─────────────────────────────────────────────────────────────── */
.v-grid[b-h2aijp6evq] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    gap: 1.25rem;
}

/* ── Empty / Error ────────────────────────────────────────────────────── */
.v-empty[b-h2aijp6evq] { text-align: center; padding: 5rem 1rem; }
.v-empty-icon[b-h2aijp6evq] { font-size: 4rem; margin-bottom: 1rem; }
.v-empty h2[b-h2aijp6evq] { font-size: 1.5rem; font-weight: 700; margin-bottom: .5rem; }
.v-empty p[b-h2aijp6evq] { color: var(--muted); }

/* ── Responsive ───────────────────────────────────────────────────────── */
@media (max-width: 680px) {
    .v-credits-widget[b-h2aijp6evq] { min-width: unset; width: 100%; }
    .v-hero[b-h2aijp6evq] { align-items: flex-start; }
}