.user-menu{z-index:1000;position:relative}.user-menu .user-menu-trigger{cursor:pointer;font-family:var(--atelier-font-body,system-ui, sans-serif);background:0 0;border:1px solid #0000;border-radius:100px;align-items:center;gap:.5rem;padding:.375rem .625rem .375rem .375rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}@media (hover:hover){.user-menu .user-menu-trigger:hover:not(.active){background:var(--bg-hover);border-color:var(--atelier-border-light)}}.user-menu .user-menu-trigger.active{background:var(--bg-active);border-color:var(--atelier-border-light)}.user-menu .user-avatar{background:var(--atelier-gradient-primary);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 8px #8b735540,inset 0 1px #fff3}@media (hover:hover){.user-menu .user-menu-trigger:hover .user-avatar{transform:scale(1.05);box-shadow:0 4px 12px #8b735559,inset 0 1px #ffffff40}}.user-menu .avatar-initials{color:var(--staff-avatar-text,white);letter-spacing:.5px;text-shadow:0 1px 2px #00000026;font-size:.8125rem;font-weight:600}.user-menu .user-name{color:var(--bs-body-color);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:.875rem;font-weight:500;overflow:hidden}.user-menu .chevron{color:var(--bs-secondary-color);margin-left:.125rem;font-size:.6875rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.user-menu .chevron.rotated{transform:rotate(180deg)}.user-menu .user-menu-dropdown{background:var(--bs-body-bg);border:1px solid var(--atelier-border-light,#8b735526);opacity:0;visibility:hidden;transform-origin:100% 0;border-radius:12px;min-width:280px;transition:all .25s cubic-bezier(.4,0,.2,1);position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;transform:translateY(-8px)scale(.97);box-shadow:0 4px 6px -1px #00000014,0 10px 20px -2px #0000001a,0 0 0 1px #8b73550d}.user-menu .user-menu-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.user-menu .menu-header{background:linear-gradient(#8b73550a 0%,#0000 100%);align-items:center;gap:.75rem;padding:1rem;display:flex}.user-menu .header-info{flex-direction:column;display:flex;overflow:hidden}.user-menu .user-avatar.header-avatar{flex-shrink:0;width:42px;height:42px}.user-menu .user-avatar.header-avatar .avatar-initials{font-size:1rem}.user-menu .header-name{color:var(--bs-body-color);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;font-weight:600;line-height:1.3;overflow:hidden}.user-menu .header-email{color:var(--bs-secondary-color);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;overflow:hidden}.user-menu .menu-divider{background:linear-gradient(90deg, transparent 0%, var(--atelier-border-light,#8b73551f) 15%, var(--atelier-border-light,#8b73551f) 85%, transparent 100%);height:1px;margin:0}.user-menu .menu-items,.user-menu .menu-footer{padding:.375rem 0}.user-menu .menu-item{width:100%;color:var(--bs-body-color);font-family:var(--atelier-font-body,system-ui, sans-serif);letter-spacing:-.005em;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;padding:.625rem 1rem;font-size:.875rem;font-weight:450;text-decoration:none;transition:all .15s;display:flex}@media (hover:hover){.user-menu .menu-item:hover:not(.active){background:var(--bg-hover);color:var(--bs-body-color)}}.user-menu .menu-item i{color:var(--bs-secondary-color);text-align:center;width:1.25rem;font-size:1.125rem;transition:color .15s}@media (hover:hover){.user-menu .menu-item:hover i{color:var(--atelier-warm-brown,#8b7355)}}.user-menu .menu-item.active{background:var(--bg-active);color:var(--atelier-warm-brown,#8b7355);font-weight:500;position:relative}.user-menu .menu-item.active i{color:var(--atelier-warm-brown,#8b7355)}.user-menu .active-indicator{background:var(--atelier-warm-brown,#8b7355);border-radius:50%;width:6px;height:6px;position:absolute;right:1rem}@media (hover:hover){.user-menu .logout-item:hover{background:rgba(var(--bs-danger-rgb), .06)}.user-menu .logout-item:hover i,.user-menu .logout-item:hover span{color:var(--accent-danger)}[data-theme=dark] .user-menu .user-menu-trigger:hover:not(.active),[data-bs-theme=dark] .user-menu .user-menu-trigger:hover:not(.active){background:rgba(var(--atelier-champagne-rgb), .1);border-color:rgba(var(--atelier-champagne-rgb), .2)}}[data-theme=dark] .user-menu .user-menu-trigger.active,[data-bs-theme=dark] .user-menu .user-menu-trigger.active{background:rgba(var(--atelier-champagne-rgb), .12);border-color:rgba(var(--atelier-champagne-rgb), .25)}[data-theme=dark] .user-menu .user-avatar,[data-bs-theme=dark] .user-menu .user-avatar{background:var(--atelier-gradient-primary);box-shadow:0 2px 10px rgba(var(--atelier-champagne-rgb), .3), inset 0 1px 0 #ffffff26}@media (hover:hover){[data-theme=dark] .user-menu .user-menu-trigger:hover .user-avatar,[data-bs-theme=dark] .user-menu .user-menu-trigger:hover .user-avatar{box-shadow:0 4px 16px rgba(var(--atelier-champagne-rgb), .4), inset 0 1px 0 #fff3}}[data-theme=dark] .user-menu .user-menu-dropdown,[data-bs-theme=dark] .user-menu .user-menu-dropdown{background:var(--bs-body-bg);border-color:rgba(var(--atelier-champagne-rgb), .15);box-shadow:0 4px 6px -1px #0003, 0 10px 25px -3px #00000040, 0 0 0 1px rgba(var(--atelier-champagne-rgb), .08)}[data-theme=dark] .user-menu .menu-header,[data-bs-theme=dark] .user-menu .menu-header{background:linear-gradient(180deg, rgba(var(--atelier-champagne-rgb), .06) 0%, transparent 100%)}[data-theme=dark] .user-menu .menu-divider,[data-bs-theme=dark] .user-menu .menu-divider{background:linear-gradient(90deg, transparent 0%, rgba(var(--atelier-champagne-rgb), .15) 15%, rgba(var(--atelier-champagne-rgb), .15) 85%, transparent 100%)}@media (hover:hover){[data-theme=dark] .user-menu .menu-item:hover:not(.active),[data-bs-theme=dark] .user-menu .menu-item:hover:not(.active){background:rgba(var(--atelier-champagne-rgb), .08)}[data-theme=dark] .user-menu .menu-item:hover i,[data-bs-theme=dark] .user-menu .menu-item:hover i{color:var(--atelier-champagne)}}[data-theme=dark] .user-menu .menu-item.active,[data-bs-theme=dark] .user-menu .menu-item.active{background:rgba(var(--atelier-champagne-rgb), .1);color:var(--atelier-champagne)}[data-theme=dark] .user-menu .menu-item.active i,[data-bs-theme=dark] .user-menu .menu-item.active i{color:var(--atelier-champagne)}[data-theme=dark] .user-menu .active-indicator,[data-bs-theme=dark] .user-menu .active-indicator{background:var(--atelier-champagne)}@media (hover:hover){[data-theme=dark] .user-menu .logout-item:hover,[data-bs-theme=dark] .user-menu .logout-item:hover{background:rgba(var(--accent-danger-rgb), .1)}[data-theme=dark] .user-menu .logout-item:hover i,[data-theme=dark] .user-menu .logout-item:hover span,[data-bs-theme=dark] .user-menu .logout-item:hover i,[data-bs-theme=dark] .user-menu .logout-item:hover span{color:var(--accent-danger)}}@media (width<=767.98px){.user-menu .user-menu-trigger{padding:.25rem}.user-menu .user-avatar{width:36px;height:36px}.user-menu .avatar-initials{font-size:.875rem}.user-menu .chevron{display:none}.user-menu .user-menu-dropdown{min-width:280px;right:-.5rem}.user-menu .menu-items,.user-menu .menu-footer{padding:.5rem 0}.user-menu .menu-item{gap:1rem;min-height:3rem;padding:.75rem 1.25rem;font-size:1rem}.user-menu .menu-item svg{flex-shrink:0;width:1.125rem;height:1.125rem}}.user-menu .user-menu-trigger:focus-visible{outline:2px solid var(--atelier-warm-brown,#8b7355);outline-offset:2px}.user-menu .menu-item:focus-visible{background:var(--bg-hover);outline:none}.cnav-bell{width:42px;height:42px;color:var(--bs-secondary-color,#5c6370);border-radius:12px;flex:none;justify-content:center;align-items:center;text-decoration:none;transition:color .18s,background-color .18s;display:inline-flex;position:relative}.cnav-bell svg{width:20px;height:20px}.cnav-bell.active{color:var(--bs-body-color,#1f2937);background:var(--atelier-border-light,#0000000d)}@media (hover:hover){.cnav-bell:hover:not(.active){color:var(--bs-body-color,#1f2937);background:var(--atelier-border-light,#0000000d)}}.cnav-bell:focus-visible{outline:2px solid var(--atelier-champagne,#b07d42);outline-offset:2px}.cnav-badge{top:3px;right:3px}@media (width<=768px){.cnav-bell{border-radius:11px;width:38px;height:38px}.cnav-bell svg{width:19px;height:19px}}
