.user-dropdown{position:relative;display:inline-block;transform:translateZ(0);animation:user-dropdown-fade-in .15s ease-out}@keyframes user-dropdown-fade-in{0%{opacity:0}to{opacity:1}}.user-dropdown__trigger{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:transparent;border:1px solid var(--color-border,#e5e7eb);border-radius:9999px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;font-size:.875rem;font-weight:500;color:var(--color-text-primary,#000)}.user-dropdown__trigger:hover{background:var(--color-gray-50,#f9fafb);border-color:var(--color-border-dark,#d1d5db);box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.user-dropdown__trigger:focus{outline:2px solid var(--color-gray-300,#d1d5db);outline-offset:2px}.user-dropdown__trigger:active{transform:scale(.98)}.user-dropdown__profile-image{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid var(--color-border-light,#e5e7eb)}.user-dropdown__profile-placeholder{width:28px;height:28px;border-radius:50%;background:var(--color-gray-100,#f3f4f6);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary,#6b7280)}.user-dropdown__profile-loading{width:28px;height:28px;border-radius:50%;background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.user-dropdown__name{line-height:1}.user-dropdown__icon{transition:transform .2s ease;color:var(--color-text-secondary,#6b7280)}.user-dropdown__icon--open{transform:rotate(180deg)}.user-dropdown__menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:12rem;background:white;border:1px solid var(--color-border,#e5e7eb);border-radius:.75rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);z-index:50;animation:dropdown-fade-in .15s ease-out;overflow:hidden}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.user-dropdown__item{width:100%;padding:.75rem 1rem;text-align:left;background:transparent;border:none;cursor:pointer;transition:background-color .15s ease;font-size:.875rem;font-weight:500;color:var(--color-text-primary,#000)}.user-dropdown__item:hover{background:var(--color-gray-50,#f9fafb)}.user-dropdown__item:focus{outline:none;background:var(--color-gray-100,#f3f4f6)}.user-dropdown__item--with-divider{border-top:1px solid var(--color-border-light,#e5e7eb);margin-top:.25rem;padding-top:.75rem}.user-dropdown__tooltip{position:absolute;top:50%;right:calc(100% + .75rem);transform:translateY(-50%);background:#ff6b35;color:white;padding:.75rem 1rem;border-radius:.5rem;font-size:.8125rem;font-weight:500;white-space:nowrap;z-index:60;box-shadow:0 4px 12px rgba(255,107,53,.3);cursor:pointer;animation:tooltip-slide-in .3s ease-out}@keyframes tooltip-slide-in{0%{opacity:0;transform:translateY(-50%) translateX(8px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.user-dropdown__tooltip:hover{background:#e65a2b;box-shadow:0 6px 16px rgba(255,107,53,.4)}.user-dropdown__tooltip-content{display:flex;align-items:center;gap:.5rem}.user-dropdown__tooltip-close{background:transparent;border:none;color:white;font-size:1.25rem;line-height:1;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .15s ease}.user-dropdown__tooltip-close:hover{background:rgba(255,255,255,.2)}.user-dropdown__tooltip-arrow{position:absolute;top:50%;right:-6px;width:12px;height:12px;background:#ff6b35;transform:translateY(-50%) rotate(45deg)}@media (max-width:640px){.user-dropdown__trigger{padding:.375rem .625rem;font-size:.8125rem}.user-dropdown__menu{min-width:10rem}.user-dropdown__item{padding:.625rem .875rem;font-size:.8125rem}.user-dropdown__profile-image,.user-dropdown__profile-loading,.user-dropdown__profile-placeholder{width:24px;height:24px}.user-dropdown__tooltip{font-size:.75rem;padding:.625rem .875rem}.user-dropdown__tooltip-arrow{right:-6px}}.navigation{background:#ffffff;border-bottom:1px solid var(--color-border-light);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky);box-shadow:var(--shadow-sm)}.navigation__container{padding:0 var(--space-4);height:var(--nav-height);justify-content:space-between}.navigation__brand,.navigation__brand-link,.navigation__container{display:flex;align-items:center}.navigation__brand-link{gap:var(--space-2);text-decoration:none;transition:all var(--duration-normal) var(--ease-out)}.navigation__brand-link:hover .navigation__logo{transform:scale(1.05)}.navigation__brand-link:active .navigation__company-name,.navigation__brand-link:active .navigation__logo{transform:scale(.95)}.navigation__logo{height:var(--space-5);width:auto;object-fit:contain}.navigation__company-name,.navigation__logo{transition:transform var(--duration-normal) var(--ease-out)}.navigation__company-name{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);line-height:var(--leading-none);color:var(--color-text-primary)}.navigation__menu{display:flex;align-items:center;list-style:none;margin:0;padding:0;gap:var(--space-8);flex:1 1;justify-content:flex-end}.navigation__item{margin:0}.navigation__menu:has(.navigation__item:not(.navigation__item--right)){justify-content:flex-start}.navigation__link{color:var(--color-text-secondary);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--duration-normal) var(--ease-out);font-size:var(--text-base);padding:var(--space-2) var(--space-1);border-radius:var(--radius-md)}.navigation__link:hover{color:var(--color-brand-primary)}.navigation__link:focus{outline:2px solid var(--color-brand-primary);outline-offset:2px}.navigation__link--button{width:100%;background:transparent;border:none;cursor:pointer}.navigation__item--right{margin-left:auto;padding-left:var(--space-5)}.navigation__auth-link{display:flex;align-items:center;gap:.5rem;font-size:var(--text-base)}@media (min-width:769px){.navigation__auth-link{font-size:var(--text-base)}}.navigation__item--user-header{padding:var(--space-3) var(--space-2);border-top:1px solid var(--color-border-light);margin-top:var(--space-2)}.navigation__user-name{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--text-base)}.navigation__mobile-actions{display:none;align-items:center;gap:var(--space-2)}.navigation__mobile-bar-extra{display:flex;align-items:center}.navigation__mobile-toggle{display:none;flex-direction:column;gap:var(--space-1);background:transparent;border:none;cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:background-color var(--duration-normal) var(--ease-out)}.navigation__mobile-toggle:hover{background-color:var(--color-gray-100)}.navigation__mobile-toggle:focus{outline:2px solid var(--color-brand-primary);outline-offset:2px}.navigation__burger{width:var(--space-6);height:2px;background:var(--color-text-secondary);transition:all var(--duration-slow) var(--ease-in-out);border-radius:1px}@media (max-width:768px){.navigation__mobile-actions,.navigation__mobile-toggle{display:flex}.navigation__mobile-actions{position:relative;z-index:1}.navigation__menu{position:absolute;top:100%;left:0;right:0;background:#ffffff;flex-direction:column;padding:var(--space-6) var(--space-10);border-bottom:1px solid var(--color-border-light);box-shadow:var(--shadow-md);opacity:0;transform:translateY(-.5rem);pointer-events:none;transition:opacity var(--duration-normal) var(--ease-in-out),transform var(--duration-normal) var(--ease-in-out);gap:var(--space-1)}.navigation__menu--open{opacity:1;transform:translateY(0);pointer-events:all}.navigation__item{text-align:right;width:100%}.navigation__item--user-header{padding:var(--space-3) 0}.navigation__link{font-size:var(--text-base)}.navigation__link,.navigation__link--button{text-align:right;display:block;padding:var(--space-3) 0;color:#000000;font-weight:var(--font-weight-medium)}.navigation__link--button{width:100%}.navigation__item--with-divider{margin-top:var(--space-1);padding-top:var(--space-1);border-top:1px solid var(--color-border-light)}.navigation__item--with-divider .navigation__link,.navigation__item--with-divider .navigation__link--button{color:#000000}.navigation__item .navigation__auth-link,.navigation__item>span{display:block;text-align:right;width:100%;padding:var(--space-3) 0;color:#000000;font-weight:var(--font-weight-medium);font-size:var(--text-base)}.navigation__item .navigation__sign-in-btn{width:100%;text-align:right;display:block;border:none!important;border-radius:0!important;padding:var(--space-3) 0!important;font-size:var(--text-base)!important;font-weight:var(--font-weight-medium)!important;background:transparent!important;box-shadow:none!important}}.navigation__sign-in-btn{background:transparent!important;border:1px solid var(--color-border)!important;color:var(--color-text-primary)!important;border-radius:var(--radius-full)!important;padding:var(--space-2) var(--space-4)!important;font-size:var(--text-sm)!important;font-weight:var(--font-weight-medium)!important;transition:all var(--duration-normal) var(--ease-out)!important;box-shadow:none!important}.navigation__sign-in-btn:hover{background:var(--color-gray-50)!important;border-color:var(--color-border-dark)!important;color:var(--color-text-primary)!important;box-shadow:var(--shadow-sm)!important}.navigation__sign-in-btn:focus{outline:2px solid var(--color-gray-300)!important;outline-offset:2px!important;background:var(--color-gray-50)!important}@media (max-width:480px){.navigation__container{padding:0 var(--space-6);height:var(--nav-height-mobile)}.navigation__logo{height:var(--space-4)}.navigation__company-name{font-size:var(--text-lg)}.navigation__menu{padding:var(--space-5) var(--space-4)}.navigation__link{font-size:var(--text-base)}.navigation__link,.navigation__link--button{padding:var(--space-3) 0;text-align:right;color:#000000}.navigation__item .navigation__auth-link,.navigation__item>span{padding:var(--space-3) 0;font-size:var(--text-base);color:#000000}.navigation__item--with-divider{border-top:1px solid var(--color-border-light);margin-top:var(--space-1);padding-top:var(--space-1)}}@media (min-width:480px){.navigation__container{padding:0 var(--space-8)}.navigation__logo{height:var(--space-4)}}@media (min-width:768px){.navigation__container{padding:0 clamp(var(--space-6),2.5vw,var(--space-12))}.navigation__logo{height:var(--space-5)}}@media (min-width:1024px){.navigation__logo{height:var(--space-6)}}@media (min-width:1440px){.navigation__logo{height:var(--space-6)}}.navigation-display{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky);padding:var(--space-2) var(--space-4)}.navigation-display__inner{background:#ffffff;border:1px solid var(--color-border-light);border-radius:var(--radius-full);box-shadow:var(--shadow-sm)}.navigation-display .navigation{position:relative;border-bottom:none;box-shadow:none;background:transparent}@media (max-width:480px){.navigation-display{padding:var(--space-2) var(--space-3)}}@media (min-width:768px){.navigation-display{padding:var(--space-3) var(--hero-inset-right)}}