.vervekit-header.hidden,.referral-promo-banner.hidden{display:none}.referral-promo-banner{border-radius:var(--radius-lg);background:linear-gradient(135deg,#a855f71a 0%,#7c3aed1a 100%);border:1px solid #a855f733;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem 1.25rem;text-decoration:none;transition:all .2s;display:flex}.referral-promo-banner:hover{background:linear-gradient(135deg,#a855f726 0%,#7c3aed26 100%);border-color:#a855f74d;transform:translateY(-1px)}.referral-promo-content{align-items:center;gap:1rem;display:flex}.referral-promo-icon{border-radius:var(--radius-md);color:#fff;background:linear-gradient(135deg,#a855f7,#7c3aed);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;display:flex}.referral-promo-text{flex-direction:column;gap:.125rem;display:flex}.referral-promo-text strong{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:600}.referral-promo-text span{color:var(--color-text-secondary);font-size:var(--text-xs)}.referral-promo-action{color:#a855f7;font-size:var(--text-sm);flex-shrink:0;align-items:center;gap:.5rem;font-weight:500;display:flex}.referral-promo-action i{font-size:var(--text-xs);transition:transform .2s}.referral-promo-banner:hover .referral-promo-action i{transform:translate(3px)}@media (max-width:600px){.referral-promo-banner{flex-direction:column;align-items:flex-start;gap:.75rem}.referral-promo-action{align-self:flex-end}}.billing-page .main-grid{grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:2rem;display:grid}.billing-page .plan-focus{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.plan-info{margin-bottom:1rem}.plan-name{color:var(--color-text-primary);align-items:center;gap:.75rem;margin-bottom:.375rem;display:flex}.trial-badge{border-radius:var(--radius-full);font-size:var(--text-xs);color:#10b981;background:linear-gradient(135deg,#10b98126 0%,#05966926 100%);border:1px solid #10b9814d;align-items:center;gap:.375rem;padding:.25rem .625rem;font-weight:600;display:inline-flex}.trial-badge i{font-size:.625rem}.plan-description{color:var(--color-text-secondary);margin-bottom:.75rem;line-height:1.3}.plan-price{flex-direction:column;gap:.25rem;margin-bottom:1rem;display:flex}.price-lock-notice{background:var(--color-primary-light);border:1px solid var(--color-primary);font-size:var(--text-base);color:var(--color-primary);border-radius:6px;align-items:center;gap:.5rem;margin-top:.5rem;margin-bottom:.75rem;padding:.375rem .75rem;font-weight:600;display:inline-flex}.price-lock-notice i{font-size:var(--text-sm)}.price-lock-notice .current-price-indicator{opacity:.8;margin-left:.25rem;font-weight:400}.discount-info{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.discount-badge{color:#10b981;border-radius:var(--radius-sm);font-size:var(--text-base);text-transform:uppercase;letter-spacing:.025em;background:linear-gradient(135deg,#10b98126,#10b9810d);border:1px solid #10b98133;padding:.25rem .625rem;font-weight:700;animation:2s ease-in-out infinite pulseDiscount}@keyframes pulseDiscount{0%,to{transform:scale(1);box-shadow:0 0 #10b98133}50%{transform:scale(1.02);box-shadow:0 0 0 4px #10b9811a}}.discount-duration{color:var(--color-text-secondary);font-size:var(--text-base);font-style:italic}.price-display-with-discount{flex-direction:column;gap:.5rem;display:flex}.original-price-row{opacity:.6;align-items:center;gap:.5rem;display:flex}.original-price-label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:400}.original-price-amount{font-size:var(--text-md);color:var(--color-text-secondary);-webkit-text-decoration:line-through #ef4444;text-decoration:line-through #ef4444;text-decoration-thickness:2px;position:relative}.discounted-price-row{align-items:baseline;gap:.5rem;display:flex}.discounted-price-label{font-size:var(--text-sm);color:var(--color-primary);font-weight:600}.discounted-price-amount{font-size:var(--text-3xl);color:var(--color-primary);font-weight:700}.price-display{align-items:baseline;gap:.25rem;display:flex}.price-amount{color:var(--color-text-primary);font-size:var(--text-2xl)}.price-period{color:var(--color-text-secondary)}.referral-discount-inline{font-size:var(--text-xs);color:#16a34a;white-space:nowrap;background:linear-gradient(135deg,#22c55e26,#16a34a1a);border:1px solid #22c55e4d;border-radius:50px;align-items:center;gap:.375rem;margin-left:.75rem;padding:.25rem .625rem;font-weight:600;display:inline-flex}.referral-discount-inline i{font-size:.625rem}.plan-action-buttons{justify-content:flex-start;gap:.75rem;display:flex}.upgrade-btn{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-size:var(--text-base);cursor:pointer;border:none;align-items:center;gap:.375rem;padding:.5rem .75rem;font-weight:500;transition:all .2s;display:inline-flex}.upgrade-btn:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.upgrade-btn--trial{background:linear-gradient(135deg,#0d9488 0%,#14b8a6 100%)!important}.upgrade-btn--trial:hover:not(:disabled){background:linear-gradient(135deg,#0f766e 0%,#0d9488 100%)!important}.view-plans-btn{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);cursor:pointer;align-items:center;gap:.375rem;padding:.5rem .75rem;font-weight:500;transition:all .2s;display:inline-flex}.view-plans-btn:hover{background:var(--color-hover-bg);border-color:var(--color-text-tertiary);transform:translateY(-1px)}.cancel-btn{color:#ef4444;border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;background:0 0;border:1px solid #ef4444;align-items:center;gap:.375rem;padding:.5rem .75rem;font-weight:500;transition:all .2s;display:inline-flex}.cancel-btn:hover{color:#fff;background:#ef4444;transform:translateY(-1px)}.resume-btn{color:#fff;border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;background:#10b981;border:none;align-items:center;gap:.375rem;padding:.5rem .75rem;font-weight:500;transition:all .2s;display:inline-flex}.resume-btn:hover{color:#fff;box-shadow:var(--shadow-md);background:#059669;transform:translateY(-1px)}.resume-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.resume-btn.loading{opacity:.8}.wallet-btn{color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;background:0 0;align-items:center;gap:.375rem;padding:.5rem .75rem;font-weight:500;transition:all .2s;display:inline-flex}.wallet-btn:hover:not(:disabled){background:var(--color-primary);color:#fff;transform:translateY(-1px)}.wallet-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.billing-page .stats-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.billing-page .stats-card .card-content{padding:1rem}.action-cell{align-items:center;gap:.5rem;display:flex}.action-cell .btn{font-size:var(--text-sm);min-width:auto;padding:.375rem .75rem}.action-cell .btn i{font-size:var(--text-sm);margin-right:.25rem}.action-cell .btn:disabled,.action-cell .btn:disabled:hover{opacity:.5;cursor:not-allowed;transform:none}.btn-invoice{color:var(--color-primary);border-color:var(--color-primary);background-color:#0000}.btn-invoice:hover{background-color:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary);transform:translateY(-1px)}.btn-invoice-download{color:var(--color-success);border-color:var(--color-success);background-color:#0000}.btn-invoice-download:hover{background-color:var(--color-success);color:var(--color-text-inverse);border-color:var(--color-success);transform:translateY(-1px)}.btn-invoice-disabled{color:var(--color-text-secondary);border-color:var(--color-border);cursor:not-allowed;background-color:#0000}.btn-invoice-disabled:hover{color:var(--color-text-secondary);border-color:var(--color-border);background-color:#0000;transform:none}.billing-stats{flex-direction:column;gap:1rem;display:flex}.stat-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:center;gap:.75rem;padding:.75rem;transition:all .2s;display:flex}.stat-item:hover{border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.stat-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.stat-icon.primary{color:#3b82f6;background:#3b82f61a}.stat-icon.success{color:#10b981;background:#10b9811a}.stat-icon.info{color:#8b5cf6;background:#8b5cf61a}.stat-icon.danger{color:#ef4444;background:#ef44441a}.stat-info{flex:1}.stat-label{color:var(--color-text-secondary);margin-bottom:.25rem}.stat-value{color:var(--color-text-primary);font-size:var(--text-sm)}.stat-item.canceling{background:#ef444405;border-width:2px;border-color:#ef4444;animation:2s ease-in-out infinite cancelPulse}.stat-item.canceling:hover{border-color:#dc2626;transform:translateY(-2px);box-shadow:0 6px 20px #ef444426}@keyframes cancelPulse{0%,to{border-color:#ef4444;box-shadow:0 0 #ef44441a}50%{border-color:#dc2626;box-shadow:0 0 0 3px #ef44440d}}.danger-text{font-weight:600;color:#ef4444!important}.transactions-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.transactions-card .card-header{flex-direction:column;align-items:flex-start;gap:.5rem}.card-description{color:var(--color-text-secondary);margin:0;line-height:1.4}.period{color:var(--color-text-secondary)}.table-container{width:100%;max-width:100%;overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border);background:var(--color-background);padding:.75rem 1rem;font-weight:600}.data-table td{font-size:var(--text-sm);border-bottom:1px solid var(--color-border);color:var(--color-text-primary);padding:.875rem 1rem}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover{background:var(--color-background)}.transaction-id{color:var(--color-primary);font-family:Courier New,monospace}.amount{text-align:right}.status-badge{border-radius:var(--radius-sm);align-items:center;padding:.25rem .5rem;display:inline-flex}.status-badge.paid{color:#10b981;background:#10b9811a}.action-cell{text-align:center}.invoice-btn{background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:.375rem;padding:.375rem .75rem;transition:all .2s;display:inline-flex}.invoice-btn:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.invoice-btn:disabled,.invoice-btn.disabled{background:var(--color-border);color:var(--color-text-secondary);cursor:not-allowed;opacity:.6}.invoice-btn:disabled:hover,.invoice-btn.disabled:hover{background:var(--color-border);transform:none}[data-theme=dark] .plan-focus,[data-theme=dark] .transactions-card,[data-theme=dark] .stat-item,[data-theme=dark] .action-card{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .data-table tr:hover{background:#ffffff05}.invoice-pagination{border-top:1px solid var(--color-border);justify-content:center;align-items:center;gap:.5rem;margin-top:1.5rem;padding-top:1rem;display:flex}.pagination-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:36px;height:36px;font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;justify-content:center;align-items:center;padding:0 .75rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.pagination-btn:hover:not(:disabled){background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:translateY(-1px)}.pagination-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.pagination-btn:disabled:hover{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-secondary);transform:none}@media (max-width:1024px){.billing-page .main-grid{grid-template-columns:1fr;gap:1rem}}@media (max-width:850px){.billing-page .card-header,.billing-page .card-content{padding:1rem}.data-table{width:100%;overflow-x:auto}.data-table th,.data-table td{padding:.75rem .5rem}}@media (max-width:480px){.action-card{text-align:center;flex-direction:column;gap:.75rem}.plan-action-buttons{flex-direction:column;gap:.5rem}.data-table th,.data-table td{padding:.5rem .375rem}.discount-info{flex-direction:column;align-items:flex-start;gap:.5rem}.price-display-with-discount{gap:.375rem}.discounted-price-amount{font-size:var(--text-2xl)}.original-price-amount{font-size:var(--text-sm)}}[data-theme=dark] .dashboard-content .discount-badge{background:linear-gradient(135deg,#10b98133,#10b9811a);border-color:#10b9814d}[data-theme=dark] .dashboard-content .original-price-amount{text-decoration-color:#dc2626}[data-theme=dark] .dashboard-content .discounted-price-label,[data-theme=dark] .dashboard-content .discounted-price-amount{color:#10b981}[data-theme=dark] .dashboard-content .stat-item.canceling{background:#ef44440d;border-color:#f87171}[data-theme=dark] .dashboard-content .stat-item.canceling:hover{border-color:#ef4444;box-shadow:0 6px 20px #ef444440}[data-theme=dark] .dashboard-content .stat-icon.danger{color:#f87171;background:#ef444426}[data-theme=dark] .dashboard-content .danger-text{color:#f87171!important}.no-transactions{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1.5rem;display:flex}.no-transactions i{font-size:var(--text-5xl);color:var(--color-text-tertiary);opacity:.5;margin-bottom:1rem}.no-transactions h4{font-size:var(--text-lg);color:var(--color-text-primary);margin:0 0 .5rem;font-weight:600}.no-transactions p{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:400px;margin:0}