.subscriptions-section{max-width:1000px;margin:0 auto;padding:20px}.subscriptions-loading,.subscriptions-error,.subscriptions-empty{text-align:center;color:#666;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.subscriptions-loading i,.subscriptions-error i,.subscriptions-empty i{color:#2e7cbd;margin-bottom:1rem;font-size:3rem}.subscriptions-error i{color:#dc3545}.subscriptions-empty i{color:#6c757d}.subscriptions-retry-btn{color:#fff;cursor:pointer;background-color:#2e7cbd;border:none;border-radius:6px;align-items:center;gap:8px;margin-top:1rem;padding:8px 16px;display:flex}.subscriptions-retry-btn:hover{background-color:#2568a8}.subscriptions-header{text-align:center;margin-bottom:40px}.subscriptions-header h1{color:#2d3748;margin-bottom:10px;font-size:2.5rem}.subscriptions-header p{color:#6c757d;font-size:1.1rem}.subscriptions-alert{border-radius:8px;align-items:center;gap:12px;margin-bottom:20px;padding:15px 20px;display:flex}.subscriptions-alert-error{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca}.subscriptions-alert-close{color:inherit;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:5px}.subscriptions-list{flex-direction:column;gap:25px;margin-bottom:40px;display:flex}.subscription-card{background:#fff;border:1px solid #e9ecef;border-radius:16px;padding:25px;transition:all .3s;box-shadow:0 4px 20px rgba(0,0,0,.1)}.subscription-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,.15)}.subscription-subject{align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.subscription-image{object-fit:cover;border-radius:12px;flex-shrink:0;width:80px;height:80px}.subscription-info{flex:1}.subscription-subject-name{color:#2d3748;margin-bottom:5px;font-size:1.4rem;font-weight:600}.subscription-subject-code{color:#fff;background:#667eea;border-radius:6px;margin-bottom:10px;padding:4px 8px;font-size:.8rem;font-weight:500;display:inline-block}.subscription-subject-description{color:#6c757d;margin-top:5px;line-height:1.5}.subscription-package{background:#f8f9fa;border-radius:12px;margin-bottom:20px;padding:20px}.subscription-package h4{color:#2d3748;margin-bottom:15px;font-size:1.1rem}.package-details{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;display:grid}.package-detail{flex-direction:column;gap:5px;display:flex}.detail-label{color:#6c757d;font-size:.85rem;font-weight:500}.detail-value{color:#2d3748;font-size:1rem;font-weight:600}.package-type.paid{color:#28a745}.package-type.free{color:#17a2b8}.subscription-status{background:#f8f9fa;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px;display:flex}.status-badge{flex-direction:column;gap:8px;display:flex}.status{text-transform:uppercase;border-radius:20px;padding:6px 12px;font-size:.8rem;font-weight:600}.status-active{color:#065f46;background:#d1fae5}.status-expired{color:#991b1b;background:#fee2e2}.days-remaining{color:#059669;font-size:.9rem;font-weight:500}.subscription-dates{text-align:right;flex-direction:column;gap:8px;display:flex}.date-info{flex-direction:column;gap:2px;display:flex}.date-label{color:#6c757d;font-size:.8rem}.date-value{color:#2d3748;font-size:.9rem;font-weight:500}.subscription-actions{flex-wrap:wrap;gap:12px;display:flex}.subscription-action-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;font-weight:500;transition:all .3s;display:flex}.subscription-action-primary{color:#fff;background:linear-gradient(135deg,#2e7cbd 0%,#3290dd 100%)}.subscription-action-primary:hover{transform:translateY(-1px);box-shadow:0 4px 15px rgba(46,124,189,.4)}.subscription-action-secondary{color:#374151;background:#f1f5f9;border:1px solid #e5e7eb}.subscription-action-secondary:hover{background:#e5e7eb;transform:translateY(-1px)}.subscription-action-accent{color:#fff;background:linear-gradient(135deg,#2e7cbd 0%,#2568a8 100%)}.subscription-action-accent:hover{transform:translateY(-1px);box-shadow:0 4px 15px rgba(37,104,168,.4)}.subscriptions-empty{text-align:center;padding:60px 20px}.subscriptions-empty h3{color:#2d3748;margin-bottom:10px;font-size:1.5rem}.subscriptions-empty p{color:#6c757d;margin-bottom:20px}.subscriptions-empty-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2e7cbd 0%,#3290dd 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-weight:500;transition:all .3s;display:inline-flex}.subscriptions-empty-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(46,124,189,.4)}.subscriptions-refresh{text-align:center;margin-top:40px}.subscriptions-refresh-btn{color:#fff;cursor:pointer;background-color:#6c757d;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-weight:500;transition:background-color .3s;display:inline-flex}.subscriptions-refresh-btn:hover:not(:disabled){background-color:#5a6268}.subscriptions-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:768px){.subscriptions-section{padding:15px}.subscriptions-header h1{font-size:2rem}.subscription-subject{text-align:center;flex-direction:column}.subscription-image{width:100px;height:100px;margin:0 auto}.subscription-status{text-align:center;flex-direction:column;gap:20px}.subscription-dates{text-align:center}.package-details{grid-template-columns:1fr}.subscription-actions{flex-direction:column}.subscription-action-btn{justify-content:center;width:100%}}@media (max-width:480px){.subscription-card{padding:20px}.subscription-package,.subscription-status{padding:15px}.subscriptions-header h1{font-size:1.8rem}}.dark-theme .subscription-card{background:#1f2937;border-color:#374151}.dark-theme .subscription-package,.dark-theme .subscription-status{background:#374151}.dark-theme .subscription-subject-name,.dark-theme .detail-value,.dark-theme .date-value{color:#f9fafb}.dark-theme .subscription-subject-description,.dark-theme .detail-label,.dark-theme .date-label{color:#d1d5db}.dark-theme .subscription-action-secondary{color:#f9fafb;background:#374151;border-color:#4b5563}.dark-theme .subscription-action-secondary:hover{background:#4b5563}@media (max-width:1024px){.subscriptions-section{padding:20px}.subscriptions-header h1{font-size:2.2rem}.subscription-subject{text-align:center;flex-direction:column;align-items:center}.subscription-image{width:100px;height:100px;margin-bottom:15px}.subscription-status{text-align:center;flex-direction:column;gap:20px}.subscription-dates{text-align:center}.package-details{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.subscription-actions{flex-direction:column}.subscription-action-btn{justify-content:center;width:100%}}@media (max-width:768px){.subscriptions-section{padding:15px}.subscriptions-header h1{font-size:2rem}.subscription-card{padding:20px}.subscription-package,.subscription-status{padding:15px}.package-details{grid-template-columns:1fr}.subscription-subject-name{font-size:1.3rem}.subscription-subject-description{font-size:.95rem}}@media (max-width:480px){.subscriptions-header h1{font-size:1.8rem}.subscription-subject-name{font-size:1.2rem}.subscription-subject-description{font-size:.9rem}.subscription-action-btn{padding:10px;font-size:.85rem}}.my-subscriptions-package-title{color:var(--color-primary);margin-bottom:.75rem;font-size:1.3rem;font-weight:700;position:relative}.dark-theme .my-subscriptions-package-title{color:#fff}.my-subscriptions-package-title:after{content:"";background:var(--color-primary);border-radius:2px;width:60px;height:3px;margin-top:5px;display:block}