.billing-card{background:#fff;border-radius:16px;padding:20px;margin:16px;box-shadow:0 1px 3px #00000014}.billing-card--plan{border-top:4px solid var(--unprint-primary, #000)}.billing-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.billing-card-title{font-size:18px;font-weight:600;margin:0 0 8px;color:#111}.billing-card-desc{font-size:14px;color:#666;margin:0 0 16px;line-height:1.5}.plan-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.plan-badge--loading{background:#f1f5f9;color:#94a3b8}.plan-badge--standard{background:#f1f5f9;color:#475569}.plan-badge--premium{background:#dbeafe;color:#1e40af}.plan-price{text-align:right}.plan-price .price-amount{font-size:28px;font-weight:700;color:#111}.plan-price .price-period{font-size:13px;color:#666}.plan-benefits{background:#f8fafc;border-radius:12px;padding:16px;margin-bottom:20px}.benefit-item{display:flex;align-items:center;gap:10px;font-size:14px;color:#333;padding:6px 0}.benefit-item:not(:last-child){border-bottom:1px solid #f0f0f0}.benefit-item .benefit-icon{font-size:16px;width:20px;text-align:center}.benefit-item.skeleton-item{height:20px;background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px}.benefit-item.skeleton-item:not(:last-child){border-bottom:none;margin-bottom:8px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.billing-actions{display:flex;gap:12px}.billing-btn{flex:1;padding:14px 20px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .15s ease;border:none}.billing-btn--primary{background:#000;color:#fff}.billing-btn--primary:hover{background:#222}.billing-btn--primary:active{transform:scale(.98)}.billing-btn--outline{background:#fff;color:#000;border:2px solid #e5e5e5}.billing-btn--outline:hover{border-color:#000}.billing-btn--outline:active{transform:scale(.98)}.success-message{background:#f0fdf4;border-left:4px solid #22c55e;padding:14px 16px;margin:16px 16px 0;border-radius:8px;font-size:14px;color:#166534}.success-message a{color:#166534;font-weight:600;text-decoration:underline}.skeleton-text{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px;color:transparent}