.subscription-header{text-align:center;padding:2rem 1rem;max-width:800px;margin:0 auto}.subscription-header h1{font-size:2.5rem;margin-bottom:1rem;color:var(--text-color, #333)}.subscription-header p{font-size:1.1rem;color:var(--text-secondary, #666)}.current-subscription-section{max-width:800px;margin:2rem auto;padding:0 1rem}.current-subscription-section h2{font-size:1.8rem;margin-bottom:1.5rem;color:var(--text-color, #333)}.subscription-status-card{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 4px #0000001a}.status-indicator{margin-bottom:1.5rem}.status-badge{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.9rem}.status-badge.active{background:#10b981;color:#fff}.status-badge.expiring{background:#f59e0b;color:#fff}.status-badge.expired{background:#ef4444;color:#fff}.status-badge.none{background:#6b7280;color:#fff}.subscription-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-size:.9rem;color:var(--text-secondary, #666)}.detail-value{font-size:1.1rem;font-weight:600;color:var(--text-color, #333)}.subscription-plans-section{max-width:1200px;margin:3rem auto;padding:0 1rem}.subscription-plans-section h2{font-size:1.8rem;margin-bottom:2rem;text-align:center;color:var(--text-color, #333)}.plans-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.plan-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.plan-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.plan-card.featured{border:2px solid #3b82f6}.plan-badge{position:absolute;top:1rem;right:1rem;background:#3b82f6;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600}.plan-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;text-align:center}.plan-card.featured .plan-header{background:linear-gradient(135deg,#3b82f6,#2563eb)}.plan-header h3{font-size:1.5rem;margin-bottom:.5rem}.plan-header p{font-size:.9rem;opacity:.9}.plan-body{padding:2rem}.field-count-selector{margin-bottom:1.5rem}.field-count-selector label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-color, #333)}.field-count-select{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:4px;font-size:1rem;background:#fff;cursor:pointer}.field-count-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.price-breakdown{margin-bottom:1.5rem;padding:1rem;background:#f9fafb;border-radius:4px}.price-item{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.95rem}.price-item.discount{color:#10b981}.price-item.subtotal{font-weight:600;font-size:1rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid #e5e7eb;color:#3b82f6}.price-item.total{font-weight:700;font-size:1.2rem;margin-top:.5rem;padding-top:.5rem;border-top:2px solid #d1d5db;color:var(--text-color, #333)}.price-item.total-year{font-weight:700;font-size:1.4rem;margin-top:.5rem;padding-top:.5rem;border-top:2px solid #d1d5db;color:var(--text-color, #333);background:#eff6ff;margin:.5rem -1rem -1rem;padding:1rem;border-radius:0 0 4px 4px}.price-dual-currency{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.usd-price{font-size:.85em;color:#6b7280;font-weight:500}.payment-notice{margin-top:.75rem;padding:.75rem;background:#fef3c7;border-left:3px solid #f59e0b;border-radius:4px;font-size:.9rem;color:#92400e;display:flex;align-items:center;gap:.5rem}.payment-notice .info-icon{font-style:normal}.action-indicator{margin-top:1.5rem;padding:1rem;background:#eff6ff;border-left:4px solid #3b82f6;border-radius:4px}.action-indicator p{margin:0;font-size:.9rem;color:#1e40af}.action-indicator.extend{background:#f0fdf4;border-left-color:#10b981}.action-indicator.extend p{color:#065f46}.action-indicator.replace{background:#fef3c7;border-left-color:#f59e0b}.action-indicator.replace p{color:#92400e}.pay-now-btn{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,#0070ba,#1546a0);color:#fff;border:none;border-radius:6px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:1rem}.pay-now-btn:hover{background:linear-gradient(135deg,#005a94,#0f3578);transform:translateY(-2px);box-shadow:0 4px 12px #0070ba4d}.pay-now-btn:active{transform:translateY(0)}.paypal-container-wrapper{margin-bottom:1rem;transition:all .3s ease}.paypal-container-wrapper.hidden{display:none}.paypal-button-container{min-height:50px}@media (max-width: 768px){.subscription-header h1{font-size:2rem}.plans-container,.subscription-details{grid-template-columns:1fr}}[dir=rtl] .action-indicator{border-left:none;border-right:4px solid #3b82f6}[dir=rtl] .action-indicator.extend{border-right-color:#10b981}[dir=rtl] .action-indicator.replace{border-right-color:#f59e0b}.confirm-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirm-dialog{background:#fff;border-radius:8px;padding:2rem;max-width:500px;width:90%;box-shadow:0 4px 20px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-dialog-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-color, #333)}.confirm-dialog-message{font-size:1rem;line-height:1.6;color:var(--text-secondary, #666);margin-bottom:1.5rem}.confirm-dialog-buttons{display:flex;gap:1rem;justify-content:flex-end}.confirm-dialog-btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.confirm-dialog-cancel{background:#e5e7eb;color:#374151}.confirm-dialog-cancel:hover{background:#d1d5db}.confirm-dialog-confirm{background:#3b82f6;color:#fff}.confirm-dialog-confirm:hover{background:#2563eb}[dir=rtl] .confirm-dialog-buttons{justify-content:flex-start}