.billing-container{max-width:1200px;margin:0 auto;padding:24px}.billing-container .billing-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.billing-container .billing-loading p{color:var(--text-secondary);font-size:16px}.billing-container .payment-success-alert{margin-bottom:24px;border-radius:8px}.billing-container .subscription-status{margin-bottom:32px;border-radius:12px;border:1px solid var(--border-color)}.billing-container .subscription-status.active{border-color:var(--success-color);background:rgba(16,185,129,.05)}.billing-container .subscription-status.expired{border-color:var(--warning-color);background:rgba(245,158,11,.05)}.billing-container .subscription-status .status-content{display:flex;align-items:center;gap:16px}.billing-container .subscription-status .status-content .status-icon{font-size:24px}.billing-container .subscription-status .status-content .status-icon.anticon-check-circle{color:var(--success-color)}.billing-container .subscription-status .status-content .status-icon.anticon-exclamation-circle{color:var(--warning-color)}.billing-container .subscription-status .status-content h3{margin:0 0 4px;font-size:18px;font-weight:600;color:var(--text-primary)}.billing-container .subscription-status .status-content p{margin:0;color:var(--text-secondary);font-size:14px}.billing-container .subscription-status .status-content .days-remaining{color:var(--primary-color);font-weight:500}.billing-container .billing-header{text-align:center;margin-bottom:48px}.billing-container .billing-header h1{font-size:36px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.billing-container .billing-header p{font-size:18px;color:var(--text-secondary);margin:0}.billing-container .plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:24px;gap:24px;margin-bottom:48px}@media(max-width:768px){.billing-container .plans-grid{grid-template-columns:1fr}}.billing-container .plan-card{position:relative;border-radius:16px;border:2px solid var(--border-color);transition:all .3s ease;overflow:hidden}.billing-container .plan-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.billing-container .plan-card.best-value{border-color:var(--primary-color);box-shadow:0 4px 16px rgba(50,83,250,.15)}.billing-container .plan-card.best-value .ant-card-body{background:linear-gradient(135deg,rgba(50,83,250,.02),rgba(50,83,250,.05))}.billing-container .plan-card .best-value-badge{position:absolute;top:16px;right:16px;background:var(--primary-color);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px;z-index:1}.billing-container .plan-card .best-value-badge .anticon{font-size:12px}.billing-container .plan-card .ant-card-body{padding:32px}.billing-container .plan-card .plan-header{text-align:center;margin-bottom:32px}.billing-container .plan-card .plan-header h3{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:16px}.billing-container .plan-card .plan-header .price-per-month{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:8px;font-size:48px;font-weight:700;color:var(--primary-color)}.billing-container .plan-card .plan-header .price{font-size:14px;color:var(--text-secondary);margin-bottom:16px;text-align:center}.billing-container .plan-card .plan-header .savings-badge{background:var(--success-color);color:#fff;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block}.billing-container .plan-card .plan-features{margin-bottom:32px}.billing-container .plan-card .plan-features ul{list-style:none;padding:0;margin:0}.billing-container .plan-card .plan-features ul li{display:flex;align-items:center;gap:12px;padding:8px 0;color:var(--text-primary)}.billing-container .plan-card .plan-features ul li .checkmark{color:var(--success-color);font-size:16px}.billing-container .plan-card .subscribe-button{width:100%;height:48px;border-radius:8px;font-size:16px;font-weight:600;transition:all .3s ease}.billing-container .plan-card .subscribe-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(50,83,250,.3)}.billing-container .billing-footer{text-align:center;padding:32px 0;border-top:1px solid var(--border-color)}.billing-container .billing-footer p{margin:8px 0;color:var(--text-secondary);font-size:14px}@media(max-width:768px){.billing-container{padding:16px}.billing-container .billing-header h1{font-size:28px}.billing-container .billing-header p{font-size:16px}.billing-container .plan-card .ant-card-body{padding:24px}.billing-container .plan-card .plan-header .price .amount{font-size:36px}}