.subscription-billing{display:flex;flex-direction:column;width:100%}.subscription-billing--checkout{padding:0;border-radius:0;background:transparent;border:none;box-shadow:none;gap:14px}.subscription-billing__checkout-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:20px;width:100%}.subscription-billing__back-btn{display:inline-flex;align-items:center;gap:6px;padding:0;background:none;border:none;color:#64748b;font-size:11px;font-weight:600;cursor:pointer;transition:color .2s ease;letter-spacing:.02em;width:-moz-fit-content;width:fit-content}.subscription-billing__back-btn:hover{color:#66b3ff}.subscription-billing__back-btn svg{font-size:14px}.subscription-billing__order-card{display:flex;flex-direction:column;gap:16px;padding:20px;background:#0a0e1a99;border:1px solid rgba(102,179,255,.1)}.subscription-billing__order-header{display:flex;align-items:center;justify-content:space-between}.subscription-billing__order-label{font-size:10px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.1em}.subscription-billing__plan-row{display:flex;align-items:flex-start;gap:12px;padding-bottom:16px;border-bottom:1px solid rgba(102,179,255,.06)}.subscription-billing__plan-info{display:flex;flex-direction:column;gap:4px}.subscription-billing__plan-name{margin:0;font-size:16px;font-weight:700;color:#f8fafc}.subscription-billing__plan-desc{margin:0;font-size:11px;color:#94a3b8;line-height:1.4}.subscription-billing__price-block{display:flex;flex-direction:column;gap:10px}.subscription-billing__price-line{display:flex;align-items:baseline;justify-content:space-between}.subscription-billing__price-line--sub{padding-top:10px;border-top:1px solid rgba(102,179,255,.06)}.subscription-billing__price-label{font-size:11px;color:#94a3b8;font-weight:500}.subscription-billing__price-amount{display:flex;align-items:baseline;gap:6px}.subscription-billing__price-value{font-size:24px;font-weight:800;color:#f8fafc;font-variant-numeric:tabular-nums}.subscription-billing__price-compare{font-size:13px;color:#475569;text-decoration:line-through;font-weight:500}.subscription-billing__price-interval{font-size:11px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.subscription-billing__price-provider{font-size:13px;font-weight:600;color:#cbd5e1}.subscription-billing__checkout-note{font-size:10px;color:#64748b;line-height:1.5;padding-top:12px;border-top:1px solid rgba(102,179,255,.06);margin:0}.subscription-billing__action-card{display:flex;flex-direction:column;gap:16px;padding:24px;background:#0a0e1a99;border:1px solid rgba(102,179,255,.1);flex:1}.subscription-billing__action-title{margin:0;font-size:18px;font-weight:700;color:#f8fafc;letter-spacing:.01em}.subscription-billing__action-desc{margin:0;font-size:12px;color:#94a3b8;line-height:1.5}.subscription-billing__trust-row{display:flex;align-items:center;justify-content:center;gap:24px;padding-top:14px;margin-top:auto;border-top:1px solid rgba(102,179,255,.06)}.subscription-billing__trust-item{display:flex;align-items:center;gap:5px;font-size:10px;color:#475569;font-weight:500}.subscription-billing__trust-icon{font-size:12px;color:#475569}.subscription-billing__stage{display:inline-flex;align-items:center;padding:3px 8px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;border-radius:0;color:#66b3ff;background:#66b3ff0f;border:1px solid rgba(102,179,255,.2)}.subscription-billing__stage--failed{color:#fca5a5;background:#ef44440f;border-color:#ef444440}.subscription-billing__stage--active{color:#86efac;background:#22c55e0f;border-color:#22c55e40}.subscription-billing__stage--awaiting_activation{color:#fde68a;background:#eab3080f;border-color:#eab30840}.subscription-billing__status-card{display:flex;align-items:center;gap:14px;padding:16px;background:#02061780;border:1px solid rgba(102,179,255,.08)}.subscription-billing__status-title{color:#f8fafc;font-weight:600;font-size:13px}.subscription-billing__status-text{margin:3px 0 0;color:#94a3b8;font-size:11px;line-height:1.4}.subscription-billing__spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(102,179,255,.15);border-top-color:#66b3ff;animation:subscription-billing__spin .85s linear infinite;flex-shrink:0}.subscription-billing__error{padding:12px 16px;background:#ef44440a;border:1px solid rgba(239,68,68,.2);border-left:2px solid rgba(239,68,68,.5);color:#fca5a5;font-size:12px;line-height:1.5}.subscription-billing__provider-panel{display:flex;flex-direction:column;gap:12px}.subscription-billing__provider-panel-inner,.subscription-billing__paypal{padding:16px 20px;background:#02061780;border:1px solid rgba(102,179,255,.08);display:flex;flex-direction:column;gap:14px}.subscription-billing__provider-copy{color:#94a3b8;font-size:12px;line-height:1.5;margin:0}.subscription-billing__provider-hint{color:#64748b;font-size:11px;line-height:1.4;margin:0}.subscription-billing__paypal-button{margin-top:4px;min-height:44px}.subscription-billing__actions{display:flex;flex-wrap:wrap;gap:10px}.subscription-billing__primary-btn,.subscription-billing__secondary-btn,.subscription-billing__danger-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:11px 20px;border-radius:0;border:1px solid transparent;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.subscription-billing__primary-btn{background:#3b82f626;border-color:#3b82f680;color:#fff;width:100%}.subscription-billing__primary-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#3b82f626;opacity:0;transition:opacity .2s ease}.subscription-billing__primary-btn:hover:not(:disabled){background:#3b82f640;border-color:#3b82f6cc;box-shadow:0 0 25px #3b82f633}.subscription-billing__primary-btn:hover:not(:disabled):before{opacity:1}.subscription-billing__primary-btn span,.subscription-billing__primary-btn svg{position:relative;z-index:1}.subscription-billing__primary-btn svg{font-size:14px}.subscription-billing__secondary-btn{background:transparent;border-color:#66b3ff33;color:#66b3ff}.subscription-billing__secondary-btn:hover:not(:disabled){border-color:#66b3ff80;color:#f8fafc;background:#66b3ff0d}.subscription-billing__danger-btn{background:#ef44440f;border-color:#ef444440;color:#fca5a5}.subscription-billing__danger-btn:hover:not(:disabled){background:#ef44441f;border-color:#ef444480;color:#f8fafc}.subscription-billing__primary-btn:disabled,.subscription-billing__secondary-btn:disabled,.subscription-billing__danger-btn:disabled{opacity:.4;cursor:not-allowed}.subscription-billing__status-badge{display:inline-flex;align-items:center;padding:3px 8px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;border-radius:0}.subscription-billing__status-badge--success{color:#86efac;background:#22c55e0f;border:1px solid rgba(34,197,94,.25)}.subscription-billing__status-badge--warning{color:#fde68a;background:#eab3080f;border:1px solid rgba(234,179,8,.25)}.subscription-billing__status-badge--danger{color:#fca5a5;background:#ef44440f;border:1px solid rgba(239,68,68,.25)}.subscription-billing__status-badge--info{color:#66b3ff;background:#66b3ff0f;border:1px solid rgba(102,179,255,.2)}.subscription-billing__status-badge--neutral{color:#94a3b8;background:#94a3b80f;border:1px solid rgba(148,163,184,.15)}.subscription-billing--management{gap:12px}.subscription-billing__account,.subscription-billing__plan-section{padding:16px 20px;border-radius:0;background:#0a0e1a99;border:1px solid rgba(102,179,255,.1);box-shadow:none}.subscription-billing__account-header,.subscription-billing__plan-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.subscription-billing__current-layout{display:flex;gap:20px;align-items:flex-start}.subscription-billing__current-info{flex:1;min-width:0}.subscription-billing__current-actions{flex-shrink:0;display:flex;flex-direction:column;gap:8px;align-items:stretch;min-width:120px}.subscription-billing__current-actions .subscription-billing__danger-btn{width:100%;min-height:34px;padding:7px 16px;font-size:10px;background:#ef444414;border-color:#ef444459;color:#fca5a5}.subscription-billing__cancel-notice{margin:8px 0 0;padding:8px 12px;font-size:11px;color:#fde68a;background:#eab3080a;border:1px solid rgba(234,179,8,.12);line-height:1.4}.subscription-billing__sync-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:34px;padding:7px 16px;border-radius:0;border:1px solid rgba(102,179,255,.2);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .2s ease;background:#66b3ff0a;color:#66b3ff;width:100%}.subscription-billing__sync-btn:hover:not(:disabled){border-color:#66b3ff80;background:#66b3ff1a;color:#f8fafc}.subscription-billing__sync-btn:disabled{opacity:.4;cursor:not-allowed}.subscription-billing__resume-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:34px;padding:7px 16px;border-radius:0;border:1px solid rgba(34,197,94,.3);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .2s ease;background:#22c55e0f;color:#86efac;width:100%}.subscription-billing__resume-btn:hover:not(:disabled){border-color:#22c55e99;background:#22c55e26;color:#f8fafc}.subscription-billing__resume-btn:disabled{opacity:.4;cursor:not-allowed}.subscription-billing__upgrade-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:#0a0e1a99;border:1px solid rgba(102,179,255,.1)}.subscription-billing__upgrade-card-content{flex:1;min-width:0}.subscription-billing__upgrade-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 22px;border-radius:0;border:1px solid rgba(59,130,246,.5);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .2s ease;background:#3b82f61f;color:#fff}.subscription-billing__upgrade-btn:hover{background:#3b82f640;border-color:#3b82f6cc;box-shadow:0 0 20px #3b82f626}.subscription-billing__summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px}.subscription-billing__summary-card{padding:12px 16px;background:#0a0e1a99;border:1px solid rgba(102,179,255,.08)}.subscription-billing__summary-label{display:inline-block;margin-bottom:4px;font-size:9px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.1em}.subscription-billing__summary-value{font-size:13px;font-weight:700;color:#f8fafc}.subscription-billing__summary-text{margin:3px 0 0;color:#94a3b8;font-size:10px;line-height:1.4}.subscription-billing__title{margin:0;font-size:15px;font-weight:700;color:#f8fafc}.subscription-billing__description{margin:3px 0 0;color:#94a3b8;font-size:11px;line-height:1.4}.subscription-billing__error-block{display:flex;flex-direction:column;gap:8px}@keyframes subscription-billing__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 900px){.subscription-billing__checkout-layout,.subscription-billing__summary-grid{grid-template-columns:1fr}.subscription-billing__current-layout{flex-direction:column}.subscription-billing__current-actions{flex-direction:row;min-width:unset}.subscription-billing__upgrade-card{flex-direction:column;align-items:stretch}.subscription-billing__upgrade-btn{width:100%}.subscription-billing__actions{flex-direction:column}.subscription-billing__primary-btn,.subscription-billing__secondary-btn,.subscription-billing__danger-btn{width:100%}.subscription-billing__trust-row{gap:16px}}.subscription-billing__confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.subscription-billing__confirm-modal{max-width:420px;width:90%;padding:28px;border-radius:20px;background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(148,163,184,.2);box-shadow:0 24px 48px #0006}.subscription-billing__confirm-title{margin:0 0 12px;font-size:1.2rem;font-weight:700;color:#f8fafc}.subscription-billing__confirm-text{margin:0 0 24px;font-size:.9rem;color:#94a3b8;line-height:1.65}.subscription-billing__confirm-actions{display:flex;gap:12px;justify-content:flex-end}