.profile-container{min-height:calc(100vh - var(--header-height));grid-template-columns:260px 1fr;max-width:1400px;margin:0 auto;display:grid}.profile-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);padding:var(--spacing-xl)}.profile-nav{gap:var(--spacing-xs);top:calc(var(--header-height) + var(--spacing-xl));flex-direction:column;display:flex;position:sticky}.profile-nav__item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none;display:flex}.profile-nav__item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.profile-nav__item.active{background:var(--color-primary-light);color:var(--color-primary)}.profile-nav__item svg{flex-shrink:0;width:20px;height:20px}.profile-nav__item span{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.profile-content{padding:var(--spacing-xxl);background:var(--bg-primary)}.profile-section{display:none}.profile-section.active{animation:.3s profileFadeIn;display:block}@keyframes profileFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.profile-header{margin-bottom:var(--spacing-xxl)}.profile-title{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.profile-desc{font-size:var(--font-size-md);color:var(--text-secondary)}.profile-card{align-items:center;gap:var(--spacing-xl);padding:var(--spacing-xl);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);margin-bottom:var(--spacing-xxl);display:flex}.profile-card__avatar{flex-shrink:0;position:relative}.profile-avatar{background:var(--bg-tertiary);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;display:flex;overflow:hidden}.profile-avatar svg{width:48px;height:48px;color:var(--text-tertiary)}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-avatar-edit{background:var(--color-primary);border:2px solid var(--bg-secondary);width:32px;height:32px;color:var(--color-on-accent);cursor:pointer;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:0;right:0}.profile-avatar-edit:hover{transform:scale(1.1)}.profile-avatar-edit svg{width:16px;height:16px}.profile-card__info{flex:1;min-width:0}.profile-card__name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:4px}.profile-card__email{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-md)}.profile-card__badges{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.profile-badge{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);display:inline-flex}.profile-badge svg{width:14px;height:14px}.profile-badge--vip{background:var(--color-primary-light);color:var(--color-primary)}.profile-card__stats{gap:var(--spacing-xl);flex-shrink:0;display:flex}.profile-stat{text-align:center}.profile-stat__value{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);display:block}.profile-stat__label{font-size:var(--font-size-xs);color:var(--text-tertiary)}.profile-info-section{margin-bottom:var(--spacing-xxl)}.profile-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.profile-info-list{gap:var(--spacing-md);flex-direction:column;display:flex}.profile-info-item{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);display:flex}.profile-info-item__icon{background:var(--bg-tertiary);border-radius:var(--radius-md);width:44px;height:44px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-info-item__icon svg{width:22px;height:22px}.profile-info-item__content{flex:1;min-width:0}.profile-info-item__label{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-bottom:2px;display:block}.profile-info-item__value{font-size:var(--font-size-md);color:var(--text-primary);font-weight:var(--font-weight-medium)}.profile-status{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);display:inline-flex}.profile-status svg{width:14px;height:14px}.profile-status--verified{background:var(--color-long-bg);color:var(--color-success)}.profile-settings-list{gap:var(--spacing-md);flex-direction:column;display:flex}.profile-setting-item{justify-content:space-between;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);display:flex}.profile-setting-item__info h4{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:2px}.profile-setting-item__info p{font-size:var(--font-size-sm);color:var(--text-secondary)}.profile-select{padding:var(--spacing-sm) var(--spacing-lg);padding-right:var(--spacing-xxl);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23848e9c' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat}.profile-select:focus{border-color:var(--color-primary);outline:none}.profile-toggle{width:48px;height:26px;display:inline-block;position:relative}.profile-toggle input{opacity:0;width:0;height:0}.profile-toggle__slider{cursor:pointer;background:var(--bg-tertiary);transition:var(--transition-fast);border-radius:26px;position:absolute;inset:0}.profile-toggle__slider:before{content:"";background:var(--text-tertiary);width:20px;height:20px;transition:var(--transition-fast);border-radius:50%;position:absolute;bottom:3px;left:3px}.profile-toggle input:checked+.profile-toggle__slider{background:var(--color-primary)}.profile-toggle input:checked+.profile-toggle__slider:before{background:#fff;transform:translate(22px)}.profile-notification-groups{gap:var(--spacing-xxl);margin-bottom:var(--spacing-xl);flex-direction:column;display:flex}.profile-notification-group__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-md)}.profile-notification-item{justify-content:space-between;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);margin-bottom:var(--spacing-sm);display:flex}.profile-notification-item__info h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:2px}.profile-notification-item__info p{font-size:var(--font-size-xs);color:var(--text-secondary)}.profile-notification-item__options{gap:var(--spacing-lg);display:flex}.profile-checkbox{align-items:center;gap:var(--spacing-xs);cursor:pointer;display:flex}.profile-checkbox input{width:18px;height:18px;accent-color:var(--color-primary)}.profile-checkbox span{font-size:var(--font-size-sm);color:var(--text-secondary)}.profile-api-notice{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl);background:#1e88e51a;border:1px solid #1e88e54d;display:flex}.profile-api-notice svg{width:20px;height:20px;color:var(--color-info);flex-shrink:0}.profile-api-notice p{font-size:var(--font-size-sm);color:var(--text-secondary)}#createApiKey{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);display:inline-flex}#createApiKey svg{width:18px;height:18px}.profile-api-list{gap:var(--spacing-md);flex-direction:column;display:flex}.profile-api-item{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);display:flex}.profile-api-item__info{flex:1;min-width:0}.profile-api-item__info h4{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:4px}.profile-api-item__key{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.profile-api-item__permissions{gap:var(--spacing-sm);display:flex}.profile-api-permission{padding:2px var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--text-secondary)}.profile-api-item__meta{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.profile-api-item__date{font-size:var(--font-size-xs);color:var(--text-tertiary)}.profile-api-item__status{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-success)}.profile-api-item__actions{gap:var(--spacing-sm);display:flex}.profile-api-empty{padding:var(--spacing-xxl);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.profile-api-empty svg{width:48px;height:48px;color:var(--text-tertiary);margin-bottom:var(--spacing-md)}.profile-api-empty p{font-size:var(--font-size-sm);color:var(--text-secondary)}.profile-referral-card{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);margin-bottom:var(--spacing-xl)}.profile-referral-card__header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.profile-referral-card__header h3{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.profile-referral-card__body{padding:var(--spacing-lg)}.profile-referral-code{padding:var(--spacing-lg);background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.profile-referral-code code{font-family:var(--font-mono);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);letter-spacing:2px}.profile-copy-btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border:none;display:inline-flex}.profile-copy-btn:hover{background:var(--color-primary-hover)}.profile-copy-btn svg{width:16px;height:16px}.profile-referral-link{gap:var(--spacing-sm);display:flex}.profile-referral-link input{padding:var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);flex:1}.profile-referral-stats{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(3,1fr);display:grid}.profile-referral-stat{text-align:center;padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.profile-referral-stat__value{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-xs);display:block}.profile-referral-stat__label{font-size:var(--font-size-sm);color:var(--text-secondary)}.profile-referral-rules{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:var(--spacing-lg)}.profile-referral-rules h3{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-md)}.profile-referral-rules ul{gap:var(--spacing-md);flex-direction:column;list-style:none;display:flex}.profile-referral-rules li{align-items:center;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-secondary);display:flex}.profile-referral-rules li svg{width:18px;height:18px;color:var(--color-success);flex-shrink:0}.profile-modal{z-index:9999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.profile-modal__backdrop{background:#000000b3;position:absolute;inset:0}.profile-modal__content{background:var(--bg-secondary);border-radius:var(--radius-xl);width:100%;max-width:440px;animation:.3s profileModalIn;position:relative}@keyframes profileModalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.profile-modal__header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.profile-modal__header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.profile-modal__close{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.profile-modal__close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.profile-modal__close svg{width:20px;height:20px}.profile-modal__body{padding:var(--spacing-xl)}.profile-modal__footer{justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--border-color);display:flex}.profile-form-group{margin-bottom:var(--spacing-lg)}.profile-form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--spacing-sm);display:block}.profile-input{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-md);transition:all var(--transition-fast)}.profile-input:hover{border-color:var(--border-color-light)}.profile-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.profile-form-hint{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:var(--spacing-xs)}@media (max-width:1024px){.profile-container{grid-template-columns:1fr}.profile-sidebar{display:none}.profile-content{padding:var(--spacing-xl)}.profile-card{flex-wrap:wrap}.profile-card__stats{width:100%;padding-top:var(--spacing-lg);border-top:1px solid var(--border-color);margin-top:var(--spacing-md);justify-content:center}.profile-referral-stats{grid-template-columns:1fr}}@media (max-width:768px){.profile-content{padding:var(--spacing-lg)}.profile-title{font-size:var(--font-size-xl)}.profile-card{text-align:center;flex-direction:column}.profile-card__badges{justify-content:center}.profile-info-item{flex-wrap:wrap}.profile-info-item__icon{order:0}.profile-info-item__content{flex:calc(100% - 60px);order:1}.profile-info-item .btn,.profile-info-item .profile-status{margin-left:60px;margin-top:var(--spacing-sm);order:2}.profile-setting-item{flex-wrap:wrap}.profile-setting-item__info{flex:calc(100% - 60px)}.profile-notification-item{align-items:flex-start;gap:var(--spacing-md);flex-direction:column}.profile-notification-item__options{justify-content:flex-start;width:100%}.profile-api-item{flex-direction:column;align-items:flex-start}.profile-api-item__meta{align-items:flex-start;gap:var(--spacing-md);flex-direction:row}.profile-api-item__actions{width:100%}.profile-api-item__actions .btn{flex:1}.profile-referral-link{flex-direction:column}.profile-modal__content{margin:var(--spacing-lg)}}.profile-nav__item:focus-visible,.profile-input:focus-visible,.profile-select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.profile-section.active,.profile-modal__content{animation:none}.profile-toggle__slider,.profile-toggle__slider:before{transition:none}}