.header{box-sizing:border-box;z-index:100;background:0 0;width:100%;padding:0;display:none;position:sticky;top:0}.header-content{box-sizing:border-box;grid-template-columns:240px minmax(0,1fr);align-items:center;height:61px;margin:0;padding:0 40px 0 0;display:grid}.header-brand{box-sizing:border-box;z-index:1;background:0 0;align-items:center;width:100%;height:100%;padding:6px 18px 6px 20px;display:flex;position:relative}.header-brand:after{content:none}.header-actions{transform-origin:50%;will-change:transform,opacity;justify-self:end;align-items:center;gap:8px;transition:opacity .4s,transform .6s cubic-bezier(.22,1,.36,1);display:flex;transform:translateY(0)rotate(0)scale(1)}.header-actions.is-hidden{opacity:0;pointer-events:none;transform:translateY(-26px)rotate(-10deg)scale(.92)}.logo{color:inherit;align-items:center;gap:4px;text-decoration:none;transition:opacity .2s;display:flex}.logo-image{object-fit:cover;width:22px;height:22px;display:block}.logo-text{color:var(--text-primary);letter-spacing:-1px;font-size:22px;font-weight:550;line-height:1}.header .logo{box-shadow:none;background:0 0;border:none;border-radius:0;padding:0}.mobile-header .logo{box-shadow:none;background:0 0;border:none;border-radius:0;padding:6px 18px 6px 0}.profile-dropdown-container{display:inline-block;position:relative}@media (min-width:1024px) and (max-width:1119px){.header-content{padding-right:24px}}@media (min-width:1120px) and (max-width:1239px){.header-content{padding-right:34px}}@media (min-width:1024px){.header{display:block}}.mobile-header{padding:0 20px;padding-top:calc(env(safe-area-inset-top) + 10px);z-index:100;backface-visibility:hidden;background:0 0;justify-content:space-between;align-items:center;margin-bottom:16px;display:flex;position:sticky;top:0;transform:translateZ(0)}.mobile-header--inner{gap:10px}.mobile-header-title{text-align:center;min-width:0;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:17px;font-weight:600;overflow:hidden}.mobile-back-button{width:40px;height:40px;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:-6px;display:inline-flex}.mobile-back-button svg{width:28px;height:28px}[data-theme=light] .mobile-back-button{background:0 0}.mobile-profile-avatar{flex-shrink:0}.mobile-header .profile-avatar{transform-origin:50%;will-change:transform,opacity;transition:opacity .4s,transform .6s cubic-bezier(.22,1,.36,1);transform:translateY(0)rotate(0)scale(1)}.mobile-header .profile-avatar.is-hidden{opacity:0;pointer-events:none;transform:translateY(-26px)rotate(-10deg)scale(.92)}body:not(.theme-transition) .header-actions,body:not(.theme-transition) .mobile-header .profile-avatar{transition:opacity .4s,transform .6s cubic-bezier(.22,1,.36,1)!important}@media (min-width:1024px){.mobile-header{display:none}}@media (max-width:1023px){.mobile-header{z-index:130;width:100%;padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));background:0 0;border-bottom:none;margin-bottom:20px;position:relative;top:auto;left:auto;right:auto}.mobile-header:not(.mobile-header--inner) .logo{margin-left:0}.page-layout{padding-top:0}.mobile-header .profile-avatar,.mobile-header .profile-avatar.is-hidden,.mobile-header .profile-avatar:hover,.mobile-header .profile-avatar:active,.mobile-header .profile-initials{opacity:1!important;box-shadow:none!important;pointer-events:auto!important;transition:none!important;transform:none!important}}.profile-avatar{cursor:pointer;color:#fff;background:linear-gradient(135deg,#5ba3f5,#3d7edb);border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.profile-avatar:hover{transform:scale(1.05);box-shadow:0 2px 8px #3b82f64d}.profile-avatar:active{transform:scale(.95)}.profile-initials{opacity:0;transition:opacity .3s,transform .3s;transform:translateY(8px)}.profile-initials.visible{opacity:1;transform:translateY(0)}.profile-menu-overlay{z-index:998;opacity:0;visibility:hidden;pointer-events:none;background:#00000080;transition:transform .35s,opacity .35s,visibility 0s linear .35s;position:fixed;inset:0;transform:translate(100%)}@media (max-width:1023px){.profile-menu-overlay{display:block}.profile-menu-overlay.active{opacity:1;visibility:visible;pointer-events:auto;transition:transform .35s,opacity .35s;transform:translate(0)}}@media (min-width:1024px){.profile-menu-overlay{display:none}}body:not(.theme-transition) .profile-menu-overlay{transition:transform .35s,opacity .35s,visibility 0s linear .35s!important}body:not(.theme-transition) .profile-menu-overlay.active{transition:transform .35s,opacity .35s!important}.profile-slide-menu{z-index:999;will-change:transform;background:#0a0a0a;width:100%;height:100%;transition:transform .35s cubic-bezier(.4,0,.2,1);position:fixed;top:0;right:0;overflow:hidden;transform:translate(100%)}body:not(.theme-transition) .profile-slide-menu{transition:transform .35s cubic-bezier(.4,0,.2,1)!important}[data-theme=light] .profile-slide-menu{background:#fff}.profile-slide-menu.active{transform:translate(0)}.profile-menu-panel{padding:0 17px calc(env(safe-area-inset-bottom) + 18px);position:absolute;inset:0;overflow-y:auto}.profile-menu-panel-main{z-index:1}.profile-menu-panel-selector{z-index:2;background:inherit;box-shadow:-18px 0 40px #00000038}[data-theme=light] .profile-menu-panel-selector{box-shadow:-18px 0 40px #0f172a14}.profile-menu-panel-selector.is-entering{animation:.32s cubic-bezier(.22,1,.36,1) both profileMenuPanelEnter}.profile-menu-panel-selector.is-exiting{animation:.28s cubic-bezier(.4,0,1,1) both profileMenuPanelExit}@keyframes profileMenuPanelEnter{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes profileMenuPanelExit{0%{transform:translate(0)}to{transform:translate(100%)}}.profile-menu-header{padding:calc(env(safe-area-inset-top) + 14px)0 0;flex-direction:column;gap:12px;margin-bottom:17px;display:flex}.profile-menu-close{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-self:flex-end;align-items:center;margin-bottom:4px;transition:all .2s;display:flex}.profile-menu-close:hover{background:var(--surface-hover)}.profile-card{cursor:pointer;background:#2a2a2d7a;border:1px solid #ffffff14;border-radius:18px;align-items:center;gap:12px;padding:12px 14px;transition:all .2s;display:flex}[data-theme=light] .profile-card{background:#f5f5f7;border-color:#0000}.profile-card:hover{background:var(--surface-hover)}.profile-card-avatar{color:#fff;background:linear-gradient(135deg,#5ba3f5,#3d7edb);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;display:flex}.profile-card-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.profile-card-fullname{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.profile-card-username{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.profile-card-arrow{color:var(--text-secondary);flex-shrink:0}.profile-card .subscription-badge{margin-top:4px;padding:4px 10px;font-size:11px}.profile-meta{flex-direction:column;gap:6px;display:flex}.profile-info{align-items:flex-start;gap:12px;margin-top:40px;display:flex}.profile-info-avatar{color:#fff;background:linear-gradient(135deg,#5ba3f5,#3d7edb);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;font-weight:600;display:flex}.profile-info-details{flex-direction:column;flex:1;gap:2px;display:flex}.profile-email{color:var(--text-primary);margin:0;font-size:16px;font-weight:500}.profile-uid{color:var(--text-secondary);align-items:center;gap:8px;margin:0;font-size:14px;display:flex}.copy-uid-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.copy-uid-btn:hover{color:var(--text-primary)}.subscription-badge{color:#10b981;white-space:nowrap;background:#10b9811a;border-radius:12px;align-items:center;gap:6px;width:fit-content;margin-top:8px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.subscription-badge.expired{color:#ff3b30;background:#ff3b301a}.subscription-badge svg{width:16px;height:16px}.profile-menu-content{flex:1}.profile-menu-item{color:var(--text-primary);cursor:pointer;align-items:center;gap:16px;margin-bottom:17px;font-size:15px;font-weight:400;text-decoration:none;transition:all .2s;display:flex;position:relative}.profile-menu-icon{background:#2a2a2d7a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex}[data-theme=light] .profile-menu-icon{background:#f5f5f7}.profile-menu-icon svg{width:20px;height:20px;color:var(--text-primary)}.profile-menu-item svg{color:#ffffffe6;flex-shrink:0;width:20px;height:20px}[data-theme=light] .profile-menu-item svg{color:#000c}.profile-menu-item.with-arrow:after{content:"";border-right:2px solid var(--text-secondary);border-bottom:2px solid var(--text-secondary);width:7px;height:7px;position:absolute;right:20px;transform:rotate(-45deg)}.profile-menu-item-value{color:var(--text-secondary);font-size:13px;font-weight:400}.currency-dropdown-wrapper,.language-dropdown-wrapper{position:relative}.currency-dropdown{-webkit-backdrop-filter:blur(20px);z-index:1002;background:#fffffffa;border:1px solid #00000014;border-radius:12px;max-height:300px;padding:8px;position:absolute;top:calc(100% + 8px);left:10px;right:10px;overflow-y:auto;box-shadow:0 10px 30px #0000001f}[data-theme=dark] .currency-dropdown{background:#1e1e20fa;border:1px solid #ffffff14;box-shadow:0 12px 32px #0006}.currency-dropdown.mobile{margin:8px 0 12px;position:static}.language-dropdown{-webkit-backdrop-filter:blur(20px);z-index:1002;background:#fffffffa;border:1px solid #00000014;border-radius:12px;max-height:300px;padding:8px;position:absolute;top:calc(100% + 8px);left:10px;right:10px;overflow-y:auto;box-shadow:0 10px 30px #0000001f}[data-theme=dark] .language-dropdown{background:#1e1e20fa;border:1px solid #ffffff14;box-shadow:0 12px 32px #0006}.language-dropdown.mobile{margin:8px 0 12px;position:static}.currency-options,.language-options{flex-direction:column;gap:6px;display:flex}.currency-option{cursor:pointer;color:var(--text-primary);text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;transition:all .2s;display:flex}.currency-option:hover{background:var(--surface-hover)}.currency-option.selected{background:var(--surface-active)}.language-option{cursor:pointer;color:var(--text-primary);text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;transition:all .2s;display:flex}.language-option:hover{background:var(--surface-hover)}.language-option.selected{background:var(--surface-active)}.currency-flag,.language-option-flag{font-size:20px}.currency-code,.language-option-name{flex:1;font-size:14px}.currency-symbol{color:var(--text-secondary);font-size:13px}.currency-check,.language-option-check{color:var(--primary)}.profile-menu-divider{background:#ffffff14;height:1px;margin-bottom:17px}[data-theme=light] .profile-menu-divider{background:#e8e8ed}.theme-toggle-container{margin-left:auto}.theme-toggle{cursor:pointer;background:#ffffff1a;border-radius:14px;width:48px;height:28px;transition:background .3s;position:relative}.theme-toggle.active{background:#2a2a2d7a}[data-theme=light] .theme-toggle{background:#e8e8ed}[data-theme=light] .theme-toggle.active{background:#34c759}.theme-toggle-slider{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .3s;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #0003}.theme-toggle.active .theme-toggle-slider{transform:translate(20px)}.logout-menu-item,.logout-menu-item svg{color:#fff}[data-theme=light] .logout-menu-item,[data-theme=light] .logout-menu-item svg{color:#1d1d1f}.profile-dropdown{-webkit-backdrop-filter:blur(20px);z-index:1000;background:#1e1e20fa;border:1px solid #ffffff14;border-radius:16px;width:320px;display:none;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 10px 40px #0000004d}.profile-dropdown.currency-open{overflow:visible}.profile-dropdown.active{animation:.2s forwards profileDropdownFadeIn;display:block}.profile-dropdown.closing{animation:.15s forwards profileDropdownFadeOut;display:block}@keyframes profileDropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes profileDropdownFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}[data-theme=light] .profile-dropdown{background:#fffffffa;border:1px solid #00000014;box-shadow:0 10px 40px #0000001a}.profile-dropdown .profile-menu-header{gap:10px;margin-bottom:0;padding:16px}.profile-dropdown .profile-card{padding:10px 12px}.profile-dropdown .profile-card-avatar{width:36px;height:36px;font-size:13px}.profile-dropdown .profile-menu-item{margin-bottom:0;padding:10px 16px;font-size:14px}.profile-dropdown .profile-menu-close{display:none!important}.profile-dropdown .profile-info{margin-top:0}.profile-dropdown .profile-menu-content{padding:0}.profile-dropdown .profile-menu-divider{margin-bottom:0}.profile-selector-header{padding-top:calc(env(safe-area-inset-top) + 14px)}.profile-selector-back{width:40px;height:40px;color:var(--text-primary);cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}[data-theme=light] .profile-selector-back{background:#f2f3f5}.profile-selector-title{letter-spacing:-.5px;color:var(--text-primary);margin-top:16px;font-size:36px;font-weight:600;line-height:1.08}.profile-selector-subtitle{color:var(--text-secondary);margin-top:8px;font-size:15px;font-weight:400}.profile-selector-list{flex-direction:column;gap:12px;margin-top:20px;display:flex}.profile-selector-option{width:100%;min-height:78px;color:var(--text-primary);text-align:left;background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:12px;padding:14px 16px;display:flex}[data-theme=light] .profile-selector-option{background:#f7f8fa;border-color:#e5e7eb}.profile-selector-option.selected{background:#007aff21;border-color:#007aff52}[data-theme=light] .profile-selector-option.selected{background:#007aff1f;border-color:#007aff3d}.profile-selector-short{letter-spacing:-.3px;flex-shrink:0;width:34px;font-size:26px;font-weight:500}.profile-selector-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.profile-selector-name{color:var(--text-primary);font-size:15px;font-weight:500}.profile-selector-meta{color:var(--text-secondary);font-size:13px;font-weight:400}.profile-selector-check{color:var(--primary);flex-shrink:0}@media (min-width:1024px){.profile-slide-menu{display:none!important}}.language-slide-menu{background:#0a0a0a!important}.language-page-title{color:var(--text-primary);margin-top:20px;font-size:20px;font-weight:600}.language-page-subtitle{color:var(--text-secondary);margin-top:4px;font-size:14px}.language-back-button{cursor:pointer;width:40px;height:40px;color:var(--text-primary);background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.language-back-button:hover{background:#ffffff1f}.language-content{padding:0 20px}.language-grid{flex-direction:column;gap:12px;margin-top:24px;display:flex}.language-item{color:var(--text-primary);cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;align-items:center;gap:16px;padding:16px 20px;font-size:16px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.language-item:active{transform:scale(.98)}.language-item.selected{border-color:var(--primary);background:#007aff14}.language-flag{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;display:flex}.language-name{flex-direction:column;flex:1;gap:2px;display:flex}.language-native{color:var(--text-secondary);font-size:14px;font-weight:400}.language-item .check-icon{width:24px;height:24px;color:var(--primary);animation:.3s cubic-bezier(.4,0,.2,1) checkIn}@keyframes checkIn{0%{opacity:0;transform:scale(0)rotate(-45deg)}to{opacity:1;transform:scale(1)rotate(0)}}[data-theme=light] .language-slide-menu{background:#fff}[data-theme=light] .language-item{background:#f5f5f7;border-color:#0000}[data-theme=light] .language-item.selected{background:#007aff1f}[data-theme=light] .language-back-button{background:#f5f5f7}
