.profile-page-wrapper{min-height:100vh;background-color:var(--bg-surface)}.main-container{padding-bottom:2rem;padding-top:1rem}.profile-layout{display:flex;flex-direction:column;gap:2rem;align-items:flex-start}@media(min-width:1024px){.profile-layout{flex-direction:row}.main-container{padding-top:8rem}.profile-sidebar{width:18rem;flex-shrink:0;position:sticky;top:6rem}.lg-hidden{display:none!important}}.mobile-header{background:#fff;border-bottom:1px solid var(--border);padding:6rem 1rem 1rem}.profile-content{flex:1;width:100%;display:flex;flex-direction:column;gap:2rem}.user-card{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border);padding:1.5rem;text-align:center;position:relative;overflow:hidden;margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}.user-card-bg{position:absolute;top:0;left:0;right:0;height:6rem;background:linear-gradient(to bottom,rgba(59,130,246,.1),transparent)}.user-card-content{position:relative;z-index:10}.user-avatar-container{width:6rem;height:6rem;margin:0 auto 1rem;background:#fff;padding:.25rem;border-radius:50%;border:2px solid rgba(59,130,246,.15)}.user-avatar{width:100%;height:100%;border-radius:50%;background-color:#f1f5f9;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:1.8rem;font-weight:700}.user-card h2{font-size:1.25rem;font-weight:700;color:var(--text-main);margin-bottom:.25rem}.user-email{font-size:.875rem;color:var(--text-muted);margin-bottom:1.5rem}.btn-logout{width:100%;color:var(--text-muted);border-color:var(--border)}.btn-logout:hover{color:#ef4444;border-color:#fca5a5;background-color:#fef2f2}.btn-logout i{margin-right:.5rem;font-size:1.1em}.sidebar-nav{background:#fff;padding:.5rem;border-radius:var(--radius-lg);border:1px solid var(--border)}.sidebar-nav ul{list-style:none;padding:0;margin:0}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius-md);color:var(--text-muted);font-weight:500;font-size:.95rem;transition:var(--transition)}.nav-item:hover{background-color:var(--bg-surface-hover);color:var(--text-main)}.nav-item.active{background-color:#3b82f61a;color:var(--primary)}.nav-item i{font-size:1.1em}.nav-divider{height:1px;background-color:var(--border);margin:.5rem 0}.stats-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:640px){.stats-grid{grid-template-columns:repeat(3,1fr)}}.stat-card{background:#fff;padding:1.25rem;border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:space-between}.stat-label{font-size:.875rem;font-weight:500;color:var(--text-muted);display:block;margin-bottom:.25rem}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-main)}.stat-icon{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.stat-icon.blue{background-color:#3b82f61a;color:var(--primary)}.stat-icon.emerald{background-color:#10b9811a;color:#10b981}.stat-icon.purple{background-color:#8b5cf61a;color:#8b5cf6}.section-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.section-header h2{font-size:1.25rem;margin-bottom:.25rem}.section-header p{color:var(--text-muted);font-size:.875rem}.link-primary{color:var(--primary);font-size:.875rem;font-weight:500}.link-primary:hover{text-decoration:underline}.empty-state{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid var(--border);border-radius:var(--radius-lg);padding:3rem 2rem;text-align:center;transition:var(--transition);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.empty-state:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent))}.empty-state:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#3b82f64d}.empty-icon{width:5rem;height:5rem;border-radius:1.25rem;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin-bottom:1.5rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 24px -8px #0000001a}.empty-state:hover .empty-icon{transform:scale(1.1) rotate(5deg)}.empty-icon.blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:var(--primary)}.empty-icon.emerald{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.empty-state h3{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;color:var(--text-main)}.empty-state p{color:var(--text-muted);max-width:22rem;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.empty-state .btn{box-shadow:0 4px 14px -3px #3b82f666}.empty-state .btn:hover{box-shadow:0 6px 20px -3px #3b82f680}.empty-state .btn-outline{border-color:var(--border)}.loading-state{background:#fff;border-radius:var(--radius-lg);padding:2rem;border:1px solid var(--border);display:flex;justify-content:center;box-shadow:var(--shadow-sm)}.spinner{width:2rem;height:2rem;border:3px solid var(--bg-surface);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.license-key-card{background:linear-gradient(135deg,#eff6ff,#fff);border:1px solid #bfdbfe;padding:1.5rem;display:flex;gap:1.5rem;align-items:flex-start;margin-bottom:2rem;position:relative;overflow:hidden}.license-key-card:after{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--primary)}.license-icon{background:#fff;width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:1.5rem;box-shadow:var(--shadow-sm);flex-shrink:0}.license-info{flex:1}.license-info .label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:600;display:block;margin-bottom:.5rem}.key-wrapper{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;background:#fff;border:1px solid var(--border);padding:.5rem .75rem;border-radius:var(--radius-md);width:fit-content}.key-wrapper code{font-family:Consolas,Monaco,monospace;font-size:1.1rem;font-weight:700;color:var(--text-main);letter-spacing:.05em}.btn-icon{background:none;border:none;color:var(--text-muted);cursor:pointer;transition:color .2s;display:flex;align-items:center;padding:.25rem}.btn-icon:hover{color:var(--primary)}.license-hint{font-size:.85rem;color:var(--text-muted)}.subscriptions-list{display:flex;flex-direction:column;gap:1rem}.sub-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;transition:var(--transition)}.sub-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md)}.sub-header{display:flex;gap:1rem;margin-bottom:1.25rem}.sub-icon-wrapper{width:3rem;height:3rem;background:#f8fafc;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-main);font-size:1.5rem}.sub-details h3{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:var(--text-main)}.sub-badges{display:flex;gap:.5rem}.badge{font-size:.75rem;padding:.25rem .6rem;border-radius:999px;font-weight:500}.badge-plan{background:#f1f5f9;color:var(--text-muted)}.badge-status.active{background:#dcfce7;color:#166534}.badge-status.expired{background:#fee2e2;color:#991b1b}.sub-progress-section{background:#f8fafc;padding:1rem;border-radius:var(--radius-md)}.progress-bar-container{height:6px;background:#e2e8f0;border-radius:3px;margin-bottom:.5rem;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:3px;transition:width 1s ease-out}.progress-meta{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-muted)}.progress-meta i{margin-right:.25rem;vertical-align:middle}