.profile-dropdown{position:relative}.profile-dropdown__trigger{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;transition:opacity .2s ease}.profile-dropdown__trigger:hover{opacity:.8}.profile-dropdown__avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:600;box-shadow:0 4px 6px rgba(0,0,0,.1)}.profile-dropdown__avatar--mobile{width:32px;height:32px;background:#E5E5E5;font-size:var(--text-sm);color:var(--color-gray-600);transition:background .2s ease;border:none;cursor:pointer}.profile-dropdown__avatar--mobile:hover{background:#D4D4D4}.profile-dropdown__avatar--desktop{width:40px;height:40px;background:linear-gradient(135deg,#6366F1,#9333EA);font-size:var(--text-sm);color:var(--color-black)}.profile-dropdown__chevron{width:16px;height:16px;color:var(--color-gray-600)}.profile-dropdown__menu{position:absolute;top:calc(100% + var(--spacing-xs));right:0;background:var(--color-white);border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.1);z-index:1000;transition:all .2s ease;opacity:0;visibility:hidden;pointer-events:none}.profile-dropdown__menu--open{opacity:1;visibility:visible;pointer-events:auto}.profile-dropdown__menu--mobile{width:256px}.profile-dropdown__menu--desktop{width:288px;border-radius:16px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.profile-dropdown__content{padding:16px}.profile-dropdown__header{text-align:center;padding-bottom:16px;border-bottom:1px solid #e5e5e5;margin-bottom:8px}.profile-dropdown__welcome{font-size:var(--text-sm);color:var(--color-gray-600);margin-bottom:var(--spacing-xs)}.profile-dropdown__welcome--desktop{font-size:var(--text-lg);font-weight:600;color:var(--color-black);margin-bottom:var(--spacing-xs)}.profile-dropdown__email{font-weight:500;color:var(--color-black);padding:4px 8px}.profile-dropdown__email--desktop{font-size:var(--text-sm);color:var(--color-gray-600);font-weight:400}.profile-dropdown__credits{padding-bottom:8px;border-bottom:1px solid #e5e5e5;margin-bottom:8px}.profile-dropdown__credits-label{font-size:var(--text-sm);color:var(--color-black);margin-bottom:var(--spacing-xs);padding:4px 8px}.profile-dropdown__credits-amount{font-weight:500;padding:4px 8px;color:#9333EA}.profile-dropdown__credits-amount--desktop{font-size:var(--text-lg)}.profile-dropdown__actions{display:flex;flex-direction:column;gap:var(--spacing-xs)}.profile-dropdown__action{width:100%;text-align:left;padding:4px 8px;font-size:var(--text-sm);color:var(--color-black);background:none;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease;text-decoration:none;display:flex;align-items:center;gap:var(--spacing-xs)}.profile-dropdown__action--mobile:hover,.profile-dropdown__action:hover{background:#F5F5F5}.profile-dropdown__action--highlighted{background:linear-gradient(135deg,#6366F1,#9333EA);color:var(--color-white);font-weight:600}.profile-dropdown__action--highlighted:hover{background:linear-gradient(135deg,#5558E3,#8428DC);color:var(--color-white)}.nav-tabs{display:flex;gap:var(--spacing-lg)}.nav-tabs__link{position:relative;padding:var(--spacing-sm) var(--spacing-xs);font-weight:600;font-size:var(--text-sm);text-decoration:none;color:var(--color-gray-800);transition:color .2s ease;cursor:pointer}.nav-tabs__link:hover{color:var(--color-black)}.nav-tabs__link--active{color:#6366F1}.nav-tabs__indicator{position:absolute;bottom:0;left:0;right:0;height:2px;background:#6366F1}.top-nav{position:sticky;top:0;z-index:100;background:var(--color-white);border-bottom:1px solid #e5e5e5;box-shadow:0 1px 3px rgba(0,0,0,.05)}.top-nav__container{width:100%;padding:0 var(--spacing-md)}.top-nav__mobile{display:flex;padding:var(--spacing-sm) 0;padding-bottom:0}.top-nav__mobile-logo{display:flex;justify-content:flex-start;margin-bottom:var(--spacing-sm)}.top-nav__mobile-controls{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-xs)}.top-nav__desktop{display:none;align-items:center;justify-content:space-between;padding:var(--spacing-md) 0}.top-nav__desktop-left{display:flex;align-items:center;gap:var(--spacing-xl)}.top-nav__desktop-right{display:flex;align-items:center;gap:var(--spacing-md)}.mobile-menu-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:1px solid #e5e5e5;border-radius:8px;cursor:pointer;transition:all .2s ease;margin-left:10px}.mobile-menu-button:hover{background:#F5F5F5}.mobile-menu-button svg{width:20px;height:20px;color:var(--color-black)}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:200;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-menu-overlay--open{opacity:1;pointer-events:auto}.mobile-menu{position:fixed;top:0;left:-280px;width:280px;height:100vh;background:var(--color-white);z-index:201;transition:left .3s ease;box-shadow:2px 0 8px rgba(0,0,0,.1);display:flex;flex-direction:column}.mobile-menu--open{left:0}.mobile-menu__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid #e5e5e5}.mobile-menu__close{background:none;border:none;font-size:var(--text-2xl);cursor:pointer;padding:var(--spacing-xs);color:var(--color-gray-600);transition:color .2s ease}.mobile-menu__close:hover{color:var(--color-black)}.mobile-menu__nav{flex:1;padding:var(--spacing-md)}.mobile-menu__link{display:flex;align-items:center;padding:var(--spacing-md);margin-bottom:var(--spacing-xs);border-radius:8px;text-decoration:none;color:var(--color-black);font-weight:500;transition:background .2s ease}.mobile-menu__link:hover{background:#F5F5F5}.mobile-menu__link--active{background:rgba(139,154,126,.1);color:#8B9A7E}@media (min-width:640px){.top-nav__mobile{display:none}.top-nav__desktop{display:flex}}