.notif{position:relative}.notif-trigger{width:38px;height:38px;color:var(--gray-600);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);place-items:center;display:inline-grid;position:relative}.notif-trigger:hover{color:var(--primary);border-color:var(--primary)}.notif-count{min-width:18px;height:18px;color:var(--white);background:var(--primary);border:2px solid var(--bg-surface);border-radius:var(--radius-full);font-variant-numeric:tabular-nums;place-items:center;padding:0 5px;font-size:.65rem;font-weight:800;display:grid;position:absolute;top:-6px;right:-6px}.notif-panel{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);width:340px;max-width:calc(100vw - 32px);box-shadow:var(--shadow-lg,0 12px 32px #0f172a24);z-index:60;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.notif-head{border-bottom:1px solid var(--border-light);color:var(--dark-900);justify-content:space-between;align-items:center;padding:12px 14px;font-size:.86rem;display:flex}.notif-head button{color:var(--primary);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:.76rem;font-weight:600;display:inline-flex}.notif-empty{text-align:center;color:var(--gray-400);margin:0;padding:26px 14px;font-size:.84rem}.notif-list{max-height:380px;margin:0;padding:0;list-style:none;overflow-y:auto}.notif-item{text-align:left;border:0;border-bottom:1px solid var(--border-light);cursor:pointer;width:100%;transition:background var(--transition-fast);background:0 0;gap:10px;padding:11px 14px;display:flex}.notif-item:hover{background:var(--bg-surface-subtle)}.notif-item.is-unread{background:var(--primary-light)}.notif-item.is-unread:before{content:"";background:var(--primary);border-radius:var(--radius-full);width:6px;height:6px;margin-top:6px;position:absolute;left:4px}.notif-icon{width:30px;height:30px;color:var(--gray-600);background:var(--bg-surface-subtle);border-radius:var(--radius-sm);flex-shrink:0;place-items:center;display:grid}.notif-item.is-unread .notif-icon{color:var(--primary)}.notif-text{flex-direction:column;gap:2px;min-width:0;display:flex}.notif-text strong{color:var(--dark-900);overflow-wrap:anywhere;font-size:.82rem;font-weight:700}.notif-text span{color:var(--gray-600);overflow-wrap:anywhere;font-size:.78rem}.notif-text em{color:var(--gray-400);font-size:.7rem;font-style:normal}.header-tool-bell .notif-trigger{width:36px;height:36px;color:inherit;background:0 0;border:0}.header-tool-bell .notif-trigger:hover{border:0}.notif-see-all{border-top:1px solid var(--border-light,#e2e8f0);text-align:center;color:var(--primary,#d12127);padding:11px 14px;font-size:.8rem;font-weight:700;text-decoration:none;display:block}.notif-see-all:hover{background:var(--gray-50,#f8fafc)}.user-menu{position:relative}.user-menu-trigger{border-radius:var(--radius-full,999px);cursor:pointer;color:inherit;min-width:0;max-width:190px;transition:background var(--transition-fast,.15s), border-color var(--transition-fast,.15s);background:0 0;border:1px solid #0000;align-items:center;gap:8px;padding:4px 8px 4px 4px;display:inline-flex}.user-menu-trigger:hover,.user-menu[data-open=true] .user-menu-trigger{background:var(--gray-100,#f1f5f9)}.user-menu-avatar{background:linear-gradient(135deg, var(--primary,#d12127) 0%, #d32f2f 100%);width:32px;height:32px;color:var(--white,#fff);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.82rem;font-weight:800;display:inline-flex;overflow:hidden}.user-menu-avatar.is-staff{background:linear-gradient(135deg,#0f172a 0%,#334155 100%)}.user-menu-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.user-menu-chevron{opacity:.55;flex-shrink:0}.user-menu-panel{z-index:1100;background:var(--bg-surface,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-lg,14px);min-width:240px;padding:6px;animation:.14s ease-out userMenuOpen;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 40px -12px #0f172a42,0 4px 12px -6px #0f172a1f}@keyframes userMenuOpen{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.user-menu-head{border-bottom:1px solid var(--border-light,#f1f5f9);flex-direction:column;gap:1px;margin-bottom:4px;padding:10px 12px 12px;display:flex}.user-menu-head strong{color:var(--dark-900,#0f172a);overflow-wrap:anywhere;font-size:.86rem;font-weight:700}.user-menu-head span{color:var(--gray-500,#64748b);overflow-wrap:anywhere;font-size:.74rem}.user-menu-list{margin:0;padding:0;list-style:none}.user-menu-crossing{border-bottom:1px solid var(--border-light,#f1f5f9);margin-bottom:4px;padding-bottom:4px}.user-menu-list a,.user-menu-signout{border-radius:var(--radius-sm,8px);width:100%;color:var(--gray-700,#334155);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:9px 12px;font-size:.82rem;font-weight:600;text-decoration:none;display:flex}.user-menu-list a:hover,.user-menu-list a:focus-visible{background:var(--gray-100,#f1f5f9);color:var(--dark-900,#0f172a)}.user-menu-crossing a{color:var(--primary,#d12127)}.user-menu-crossing a:hover,.user-menu-crossing a:focus-visible{background:var(--primary-light,#fef2f2);color:var(--primary,#d12127)}.user-menu-list svg,.user-menu-signout svg{opacity:.7;flex-shrink:0}.user-menu-signout{border-top:1px solid var(--border-light,#f1f5f9);border-radius:0 0 var(--radius-sm,8px) var(--radius-sm,8px);color:var(--danger,#dc2626);margin-top:4px}.user-menu-signout:hover,.user-menu-signout:focus-visible{background:var(--danger-light,#fef2f2)}@media (width<=640px){.user-menu-panel{max-height:calc(100vh - 120px);position:fixed;top:auto;left:12px;right:12px;overflow-y:auto}}@media (prefers-reduced-motion:reduce){.user-menu-panel{animation:none}}