.subscriptions-section{max-width:840px;margin:0 auto;padding:24px 20px}.subscriptions-state{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.subscriptions-state i{color:#2e7cbd;margin-bottom:12px;font-size:1.75rem}.subscriptions-state h3{color:#1e293b;margin:0 0 6px;font-size:1rem;font-weight:600}.subscriptions-state p{margin:0;font-size:.875rem}.subscriptions-state-error p{color:#dc2626;margin-bottom:12px}.subscriptions-btn{color:#fff;cursor:pointer;background:#2e7cbd;border:none;border-radius:6px;padding:8px 16px;font-size:.875rem;font-weight:500}.subscriptions-btn:hover{background:#2568a8}.subscriptions-header{border-bottom:1px solid #e5e7eb;margin-bottom:24px;padding-bottom:16px}.subscriptions-header h1{color:#0f172a;margin:0 0 4px;font-size:1.5rem;font-weight:600}.subscriptions-header p{color:#64748b;margin:0;font-size:.875rem}.subscriptions-alert{border-radius:6px;align-items:center;gap:12px;margin-bottom:16px;padding:10px 14px;font-size:.875rem;display:flex}.subscriptions-alert span{flex:1}.subscriptions-alert button{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;padding:0 4px;font-size:1.25rem;line-height:1}.subscriptions-alert button:hover{opacity:1}.subscriptions-alert-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.subscriptions-alert-success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.subscriptions-list{flex-direction:column;gap:16px;display:flex}.subscription-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.subscription-top{border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:16px;margin-bottom:16px;padding-bottom:16px;display:flex}.subscription-image{object-fit:cover;border-radius:8px;flex-shrink:0;width:64px;height:64px}.subscription-info{flex:1;min-width:0}.subscription-title-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:4px;display:flex}.subscription-name{color:#0f172a;margin:0;font-size:1rem;font-weight:600}.subscription-code{color:#64748b;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-family:ui-monospace,monospace;font-size:.7rem;font-weight:500}.subscription-description{color:#64748b;margin:4px 0 0;font-size:.8125rem;line-height:1.5}.subscription-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.status{text-transform:uppercase;letter-spacing:.04em;border-radius:12px;padding:4px 10px;font-size:.7rem;font-weight:600;display:inline-block}.status-active{color:#065f46;background:#d1fae5}.status-expired{color:#991b1b;background:#fee2e2}.subscription-days{color:#059669;font-size:.75rem;font-weight:500}.subscription-details{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px 24px;margin:0 0 16px;padding:0;display:grid}.subscription-details>div{flex-direction:column;gap:2px;display:flex}.subscription-details dt{color:#64748b;font-size:.75rem;font-weight:400}.subscription-details dd{color:#0f172a;margin:0;font-size:.875rem;font-weight:500}.reset-row{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:16px;padding-top:14px;display:flex}.reset-info{flex-direction:column;gap:2px;min-width:0;display:flex}.reset-title{color:#334155;font-size:.8125rem;font-weight:500}.reset-count{color:#64748b;align-items:baseline;gap:4px;font-size:.75rem;display:flex}.reset-count .reset-available{color:#15803d;font-size:1rem;font-weight:700}.reset-count .reset-unavailable{color:#b91c1c;font-size:1rem;font-weight:700}.reset-separator{color:#cbd5e1}.reset-label{margin-left:6px}.reset-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2e7cbd;border:1px solid #2e7cbd;border-radius:6px;flex-shrink:0;padding:8px 16px;font-size:.8125rem;font-weight:500;transition:background .15s,border-color .15s}.reset-btn:hover:not(:disabled){background:#2568a8;border-color:#2568a8}.reset-btn:disabled{color:#94a3b8;cursor:not-allowed;background:#f1f5f9;border-color:#e2e8f0}.dialog-overlay{z-index:1000;background:rgba(15,23,42,.5);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.dialog{background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;max-width:440px}.dialog-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.dialog-header h3{color:#0f172a;margin:0;font-size:1rem;font-weight:600}.dialog-close{color:#64748b;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.5rem;line-height:1}.dialog-close:hover:not(:disabled){color:#0f172a}.dialog-close:disabled{opacity:.5;cursor:not-allowed}.dialog-body{padding:16px 20px}.dialog-body p{color:#475569;margin:0 0 12px;font-size:.875rem;line-height:1.5}.dialog-warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;padding:10px 12px;font-size:.8125rem}.dialog-info{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.dialog-info>div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.dialog-info span{color:#64748b;font-size:.75rem}.dialog-info strong{color:#0f172a;font-size:1.125rem;font-weight:600}.dialog-actions{border-top:1px solid #e5e7eb;gap:8px;padding:12px 20px;display:flex}.dialog-btn{cursor:pointer;border-radius:6px;flex:1;padding:9px 16px;font-size:.875rem;font-weight:500;transition:background .15s,border-color .15s}.dialog-btn:disabled{opacity:.6;cursor:not-allowed}.dialog-btn-cancel{color:#334155;background:#fff;border:1px solid #cbd5e1}.dialog-btn-cancel:hover:not(:disabled){background:#f8fafc}.dialog-btn-confirm{color:#fff;background:#2e7cbd;border:1px solid #2e7cbd}.dialog-btn-confirm:hover:not(:disabled){background:#2568a8;border-color:#2568a8}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:640px){.subscriptions-section{padding:16px 12px}.subscriptions-header h1{font-size:1.25rem}.subscription-item{padding:16px}.subscription-top{gap:12px}.subscription-image{width:56px;height:56px}.subscription-meta{align-items:flex-end}.reset-btn{padding:6px 12px;font-size:.75rem}.dialog-actions{flex-direction:column}}.dark-theme .subscriptions-header{border-bottom-color:#334155}.dark-theme .subscriptions-header h1{color:#f1f5f9}.dark-theme .subscriptions-header p{color:#94a3b8}.dark-theme .subscription-item{background:#1e293b;border-color:#334155}.dark-theme .subscription-top{border-bottom-color:#334155}.dark-theme .subscription-name{color:#f1f5f9}.dark-theme .subscription-code{color:#94a3b8;background:#334155}.dark-theme .subscription-description{color:#94a3b8}.dark-theme .subscription-days{color:#4ade80}.dark-theme .subscription-details dt{color:#94a3b8}.dark-theme .subscription-details dd{color:#e2e8f0}.dark-theme .reset-row{border-top-color:#334155}.dark-theme .reset-title{color:#cbd5e1}.dark-theme .reset-count{color:#94a3b8}.dark-theme .reset-count .reset-available{color:#4ade80}.dark-theme .reset-count .reset-unavailable{color:#f87171}.dark-theme .reset-btn{background:#2e7cbd;border-color:#2e7cbd}.dark-theme .reset-btn:hover:not(:disabled){background:#3290dd;border-color:#3290dd}.dark-theme .reset-btn:disabled{color:#64748b;background:#334155;border-color:#334155}.dark-theme .subscriptions-alert-error{color:#fca5a5;background:#450a0a;border-color:#7f1d1d}.dark-theme .subscriptions-alert-success{color:#86efac;background:#052e16;border-color:#166534}.dark-theme .dialog{background:#1e293b;border-color:#334155}.dark-theme .dialog-header{border-bottom-color:#334155}.dark-theme .dialog-header h3{color:#f1f5f9}.dark-theme .dialog-close{color:#94a3b8}.dark-theme .dialog-close:hover:not(:disabled){color:#f1f5f9}.dark-theme .dialog-body p{color:#cbd5e1}.dark-theme .dialog-warning{color:#fcd34d;background:#422006;border-color:#78350f}.dark-theme .dialog-info>div{background:#0f172a;border-color:#334155}.dark-theme .dialog-info span{color:#94a3b8}.dark-theme .dialog-info strong{color:#f1f5f9}.dark-theme .dialog-actions{border-top-color:#334155}.dark-theme .dialog-btn-cancel{color:#cbd5e1;background:#1e293b;border-color:#475569}.dark-theme .dialog-btn-cancel:hover:not(:disabled){background:#334155}