.tooltip-trigger{display:inline-flex}.tooltip{z-index:10000;background:var(--primary-color);color:var(--text-inverse);white-space:nowrap;pointer-events:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;animation:.15s tooltipFadeIn;position:fixed}@keyframes tooltipFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tooltip__arrow{border:5px solid #0000;width:0;height:0;position:absolute}.tooltip__arrow--top{border-top-color:var(--primary-color);bottom:-10px;left:50%;transform:translate(-50%)}.tooltip__arrow--bottom{border-bottom-color:var(--primary-color);top:-10px;left:50%;transform:translate(-50%)}.tooltip__arrow--left{border-left-color:var(--primary-color);top:50%;right:-10px;transform:translateY(-50%)}.tooltip__arrow--right{border-right-color:var(--primary-color);top:50%;left:-10px;transform:translateY(-50%)}
.header{height:var(--header-height);z-index:1000;position:fixed;top:0;left:0;right:0}.header__inner{max-width:var(--max-width);padding:0 var(--page-padding);justify-content:space-between;align-items:center;height:100%;margin:0 auto;display:flex}.header__left{align-items:center;height:100%;display:flex}.header__logo{filter:brightness(0)invert();width:auto;height:20px;display:block}.header__right{align-items:center;gap:var(--spacing-lg);height:100%;display:flex}.modal-overlay{z-index:3000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:420px;max-height:80vh;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.modal-header h3{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.modal-close{width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;font-size:16px;transition:all .12s;display:flex}.modal-close:hover{color:var(--text-primary);background:#ffffff0f}.modal-body{padding:20px 24px 24px}.modal-card::-webkit-scrollbar{width:4px}.modal-card::-webkit-scrollbar-track{background:0 0}.modal-card::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.header__mobile-toggle{cursor:pointer;border-radius:var(--radius-md,8px);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:8px;transition:background .15s;display:none}.header__mobile-toggle:hover{background:var(--bg-hover,#ffffff14)}.header__mobile-toggle-bar{background:var(--text-primary,#fff);border-radius:1px;width:20px;height:2px;transition:all .3s;display:block}.header__mobile-toggle-bar--open:first-child{transform:rotate(45deg)translate(5px,5px)}.header__mobile-toggle-bar--open:nth-child(2){opacity:0}.header__mobile-toggle-bar--open:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}@media (max-width:768px){.header__mobile-toggle{order:3;display:flex}.header__right{order:2}.header__left{flex:1}.header__inner{flex-wrap:nowrap}}
.profile__avatar-wrap{flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.profile__avatar-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;width:64px;height:64px;padding:0;transition:transform .15s;position:relative;overflow:hidden}.profile__avatar-btn:hover{transform:scale(1.02)}.profile__avatar-btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}.profile__avatar-btn--loading{cursor:wait}.profile__avatar-img{object-fit:cover;border-radius:50%;width:64px;height:64px}.profile__avatar-overlay{color:var(--text-inverse);opacity:0;background:#00000080;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:500;transition:opacity .15s;display:flex;position:absolute;inset:0}.profile__avatar-btn:hover .profile__avatar-overlay,.profile__avatar-btn--loading .profile__avatar-overlay{opacity:1}.profile__avatar-input{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.profile__avatar-error{color:#e74c3c;text-align:center;margin-top:8px;font-size:12px}.profile__avatar{background:var(--primary-color);width:64px;height:64px;color:var(--text-inverse);border-radius:50%;justify-content:center;align-items:center;font-size:28px;font-weight:600;display:flex}.profile__fields{flex-direction:column;gap:0;display:flex}.profile__field{border:1px solid var(--border-color);border-radius:var(--radius-md);justify-content:space-between;align-items:center;margin-bottom:-1px;padding:14px 16px;display:flex}.profile__field:first-child{border-radius:var(--radius-md)var(--radius-md)0 0}.profile__field:last-child{border-radius:0 0 var(--radius-md)var(--radius-md);margin-bottom:0}.profile__label{color:var(--text-secondary);font-size:14px}.profile__value{color:var(--text-primary);align-items:center;gap:8px;font-size:14px;display:flex}.profile__value--status{color:var(--primary-color);font-weight:500}.profile__edit-btn{width:20px;height:20px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.profile__edit-btn:hover{color:var(--text-primary)}.profile__edit-btn svg{width:14px;height:14px}.form-group{margin-bottom:16px}.form-label{color:var(--text-primary);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-required{color:#e74c3c;margin-right:2px}.form-input-wrap{position:relative}.form-input{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);box-sizing:border-box;outline:none;padding:10px 14px;font-size:14px;transition:border-color .15s}.form-input::placeholder{color:var(--text-tertiary)}.form-input:focus{border-color:var(--primary-color)}.form-textarea{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;min-height:80px;color:var(--text-primary);resize:vertical;box-sizing:border-box;outline:none;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .15s}.form-textarea::placeholder{color:var(--text-tertiary)}.form-textarea:focus{border-color:var(--primary-color)}.form-eye{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.form-eye:hover{color:var(--text-secondary)}.form-eye svg{width:16px;height:16px}.form-submit{background:var(--primary-color);width:100%;color:var(--text-inverse);border-radius:var(--radius-md);cursor:pointer;border:none;margin-top:8px;padding:12px;font-size:15px;font-weight:600;transition:background-color .15s}.form-submit:hover{background:var(--primary-color-hover)}
.sub__section-title{color:var(--text-tertiary);margin:0 0 10px;font-size:13px}.sub__plan{border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:12px;margin-bottom:10px;padding:14px 16px;display:flex}.sub__plan--active{border-color:var(--primary-color)}.sub__plan-badge{border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-primary);white-space:nowrap;flex-shrink:0;padding:4px 10px;font-size:12px;font-weight:600}.sub__plan-badge--active{background:var(--primary-color);color:var(--text-inverse)}.sub__plan-price{color:var(--primary-color);white-space:nowrap;flex-shrink:0;font-size:16px;font-weight:700}.sub__plan-desc{color:var(--text-secondary);font-size:13px;line-height:1.4}.circle__search-wrap{margin-bottom:16px;position:relative}.circle__search-icon{width:16px;height:16px;color:var(--text-tertiary);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.circle__search-input{padding-left:36px!important}.circle__item{border:1px solid var(--border-color);border-radius:var(--radius-md);justify-content:space-between;align-items:center;margin-bottom:10px;padding:14px 16px;display:flex}.circle__info{flex-direction:column;gap:4px;display:flex}.circle__info strong{color:var(--text-primary);font-size:15px}.circle__desc{color:var(--text-secondary);font-size:13px}.circle__members{color:var(--text-tertiary);font-size:12px}.circle__join-btn{background:var(--primary-color);color:var(--text-inverse);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;flex-shrink:0;padding:6px 14px;font-size:13px;font-weight:600;transition:background .15s}.circle__join-btn:hover{background:var(--primary-color-hover)}.profile__edit-inline{align-items:center;gap:8px;display:flex}.profile__edit-input{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:120px;color:var(--text-primary);outline:none;padding:4px 8px;font-size:14px;transition:border-color .15s}.profile__edit-input:focus{border-color:var(--primary-color)}.profile__edit-action{border-radius:var(--radius-sm);cursor:pointer;border:none;padding:4px 10px;font-size:12px;font-weight:500;transition:all .15s}.profile__edit-action--confirm{background:var(--primary-color);color:var(--text-inverse)}.profile__edit-action--confirm:hover{background:var(--primary-color-hover)}.profile__edit-action--confirm:disabled{opacity:.6;cursor:not-allowed}.profile__edit-action--cancel{color:var(--text-secondary);border:1px solid var(--border-color);background:0 0}.profile__edit-action--cancel:hover{color:var(--text-primary);border-color:var(--text-tertiary)}.profile__edit-action--cancel:disabled{opacity:.6;cursor:not-allowed}.profile__field-error{color:#e74c3c;margin-top:-8px;padding:0 16px 8px;font-size:12px}.change-phone__header-left{align-items:center;display:flex}.change-phone__back{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;margin-right:8px;transition:all .12s;display:flex}.change-phone__back:hover{color:var(--text-primary);background:#ffffff0f}.change-phone__back svg{width:18px;height:18px}.change-phone__steps{justify-content:center;align-items:center;margin-bottom:24px;display:flex}.change-phone__step{align-items:center;gap:8px;display:flex}.change-phone__step-num{background:var(--bg-tertiary);width:24px;height:24px;color:var(--text-tertiary);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:600;transition:all .15s;display:flex}.change-phone__step--active .change-phone__step-num,.change-phone__step--done .change-phone__step-num{background:var(--primary-color);color:var(--text-inverse)}.change-phone__step-text{color:var(--text-tertiary);font-size:13px}.change-phone__step--active .change-phone__step-text{color:var(--text-primary);font-weight:500}.change-phone__step--done .change-phone__step-text{color:var(--text-secondary)}.change-phone__step-line{background:var(--border-color);width:40px;height:1px;margin:0 12px}.change-phone__form{flex-direction:column;display:flex}.change-phone__hint{color:var(--text-secondary);text-align:center;margin:0 0 20px;font-size:14px}.change-phone__phone-display{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);justify-content:space-between;align-items:center;margin-bottom:16px;padding:14px 16px;display:flex}.change-phone__phone-label{color:var(--text-secondary);font-size:14px}.change-phone__phone-value{color:var(--text-primary);font-size:14px;font-weight:500}.change-phone__code-row{gap:10px;display:flex}.change-phone__code-input{flex:1}.change-phone__send-btn{border:1px solid var(--primary-color);border-radius:var(--radius-md);color:var(--primary-color);cursor:pointer;white-space:nowrap;background:0 0;flex-shrink:0;padding:0 16px;font-size:14px;transition:all .15s}.change-phone__send-btn:hover:not(:disabled){background:var(--primary-color);color:var(--text-inverse)}.change-phone__send-btn:disabled{opacity:.6;cursor:not-allowed}.change-phone__error{color:#e74c3c;margin-bottom:16px;font-size:13px}
.header__nav{align-items:center;gap:var(--spacing-xl);height:100%;margin-left:100px;display:flex}.header__nav-item{color:var(--text-secondary);font-size:var(--font-size-md);font-weight:var(--font-weight-normal);align-items:center;height:100%;text-decoration:none;transition:color .15s;display:flex}.header__nav-item:hover{color:var(--text-primary)}.header__nav-item--active{color:var(--text-primary);font-weight:var(--font-weight-bold)}.header__btn-text{color:var(--text-secondary);font-size:var(--font-size-md);cursor:pointer;background:0 0;border:none;transition:color .15s}.header__btn-text:hover{color:var(--text-primary)}.header__btn-primary{background-color:var(--primary-color);color:var(--text-inverse);font-size:var(--font-size-md);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--button-radius);cursor:pointer;border:none;transition:background-color .15s}.header__btn-primary:hover{background-color:var(--primary-color-hover)}.header__user{position:relative}.header__user-btn{cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;align-items:center;gap:8px;padding:4px 8px;transition:background .15s;display:flex}.header__user-btn:hover{background:#ffffff0f}.header__avatar{background:var(--primary-color);width:32px;height:32px;color:var(--text-inverse);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.header__avatar-img{object-fit:cover;border-radius:50%;flex-shrink:0;width:32px;height:32px}.header__username{color:var(--text-primary);font-size:var(--font-size-md);white-space:nowrap}.header__dropdown{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);z-index:2000;min-width:180px;padding:6px 0;position:absolute;top:calc(100% + 8px);right:0}.header__dropdown-item{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:10px 16px;font-size:14px;transition:background .12s;display:flex}.header__dropdown-item:hover{background:#ffffff0f}.header__dropdown-item svg{flex-shrink:0;width:16px;height:16px}.header__dropdown-item--sub{padding-left:42px}.header__dropdown-item--danger{color:#e74c3c}.header__dropdown-item--danger:hover{background:#e74c3c14}.header__dropdown-arrow{margin-left:auto;font-size:12px;transition:transform .15s}.header__dropdown-arrow--up{transform:rotate(180deg)}.header__dropdown-sub{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background:#ffffff05;margin:2px 0;padding:4px 0}.header__dropdown-divider{background:var(--border-color);height:1px;margin:4px 0}@media (max-width:768px){.header__nav{display:none}.header__nav-link{margin-left:0}.header__username,.header__btn-primary{display:none}}.header__mobile-menu{display:none}@media (max-width:768px){.header__mobile-menu{background:var(--bg-secondary,#1a1a1a);border-top:1px solid var(--border-color,#ffffff1a);z-index:999;flex-direction:column;padding:8px 0;display:flex;position:absolute;top:100%;left:0;right:0}.header__mobile-menu-link{color:var(--text-secondary,#ffffffa6);border-bottom:1px solid var(--border-color-light,#ffffff0f);align-items:center;gap:12px;padding:14px 24px;font-size:15px;text-decoration:none;transition:all .15s;display:flex}.header__mobile-menu-link:hover,.header__mobile-menu-link--active{color:var(--text-primary,#fff);background:var(--bg-hover,#ffffff0d)}}