.nav-button{background-color:var(--primary-dark);border-color:var(--primary-transparent-50);color:#fff;z-index:1;position:relative;overflow:visible}.nav-button:before{content:"";background:radial-gradient(circle at center,var(--primary-transparent-30),transparent 70%);z-index:-1;opacity:.6;border-radius:50%;transition:opacity .3s;position:absolute;inset:0}.nav-button:after{content:"";z-index:-2;opacity:0;background:0 0;border-radius:50%;transition:all .3s;position:absolute;inset:-3px}.nav-button:hover:before{opacity:.8}.nav-button:hover:after{box-shadow:0 0 10px var(--primary-light),0 0 15px var(--primary);opacity:1}.nav-button:active{transform:scale(.92)}@keyframes badgePulse{0%,to{box-shadow:0 0 0 var(--error);transform:scale(1)}50%{box-shadow:0 0 6px var(--error);transform:scale(1.05)}}@keyframes badgeGlow{0%,to{box-shadow:0 0 3px var(--error),0 0 5px #ef444466}50%{box-shadow:0 0 5px var(--error),0 0 8px #ef444499}}.notification-badge{background-color:var(--error);letter-spacing:-.5px;z-index:10;border:1px solid #fffc;font-weight:700;animation:3s ease-in-out infinite badgePulse,2s ease-in-out infinite badgeGlow;transform:scale(1);box-shadow:0 0 5px #ef444499,0 0 8px #ef444466}.button-hover-effect{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.button-hover-effect:hover{background-color:var(--primary-hover);box-shadow:0 0 10px var(--primary-transparent-50),0 0 20px var(--primary-transparent-30);transform:translateY(-2px)}.button-hover-effect:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .7s;position:absolute;top:0;left:-100%}.button-hover-effect:hover:before{left:100%}@keyframes buttonGlow{0%,to{box-shadow:0 0 5px var(--primary-transparent-30),0 0 10px var(--primary-transparent-20)}50%{box-shadow:0 0 8px var(--primary-transparent-50),0 0 15px var(--primary-transparent-30)}}@keyframes subtle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.nav-button{animation:4s ease-in-out infinite buttonGlow,6s ease-in-out infinite subtle-pulse}
.dropdown-menu{transform-origin:100% 0;background-color:var(--bg-card,white);border:1px solid #d1d5db80;border-radius:1rem;animation:.2s forwards dropdown-appear;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}@keyframes dropdown-appear{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.notification-item{color:var(--text-primary,#09090a);border-radius:1rem;transition:background-color .2s}.notification-item:hover{background-color:var(--bg-hover,#f3f4f6cc)}.notification-item p{color:var(--text-primary,#09090a)}.notification-item .text-gray-600{color:var(--text-secondary,#4b5563)!important}.user-menu-item{color:var(--text-primary,#09090a);transition:all .2s}.user-menu-item:hover{background-color:var(--bg-hover,#7c3aed1a);padding-left:1.25rem}.sign-out-button{color:#dc2626}.sign-out-button:hover{color:#dc2626;background-color:#ef44441a}.notification-indicator{position:relative}.notification-indicator:after{content:"";background-color:#ef4444;border:2px solid #fff;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;position:absolute;top:-2px;right:-2px}@keyframes pulse{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}