.notification-bell-container{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:background-color .2s;display:inline-flex;position:relative}.notification-bell-container:hover{background-color:var(--bg-hover)}.notification-bell-icon{width:20px;height:20px;color:var(--bronze-200);transition:color .2s}.notification-bell-container:hover .notification-bell-icon{color:var(--text-display)}.notification-badge{background-color:var(--error);color:#fff;border:2px solid var(--background-mid);border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:0;right:0;transform:translate(25%,-25%)}.notification-dropdown{background-color:var(--background-mid);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);z-index:100;flex-direction:column;width:380px;display:flex;position:absolute;top:calc(100% + 8px);right:-10px;overflow:hidden;box-shadow:0 10px 25px -5px #00000080,0 8px 10px -6px #0000001a}.notification-dropdown-header{border-bottom:1px solid var(--border-primary);background-color:var(--bg-card);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.notification-dropdown-title{font-family:var(--font-display);color:var(--text-display);letter-spacing:.05em;text-transform:uppercase;font-size:.875rem;font-weight:700}.notification-action-btn{color:var(--bronze-400);cursor:pointer;background:0 0;border:none;padding:0;font-size:.75rem;font-weight:500;transition:color .15s}.notification-action-btn:hover{color:var(--bronze-300);text-decoration:underline}.notification-list{flex-direction:column;max-height:400px;display:flex;overflow-y:auto}.notification-item{border-bottom:1px solid var(--border-primary);cursor:pointer;background-color:#0000;gap:12px;padding:16px;text-decoration:none;transition:background-color .2s;display:flex}.notification-item:hover{background-color:var(--bg-hover)}.notification-item.unread{background-color:#c27e330d}.notification-item.unread:hover{background-color:var(--bg-hover)}.notification-icon-wrapper{background-color:var(--bg-card);width:32px;height:32px;color:var(--bronze-300);border:1px solid var(--border-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.notification-content{flex-direction:column;flex-grow:1;gap:4px;display:flex}.notification-item-title{color:var(--text-display);justify-content:space-between;align-items:flex-start;margin-bottom:2px;font-size:.875rem;font-weight:600;display:flex}.notification-time{color:var(--bronze-500);white-space:nowrap;font-size:.7rem}.notification-message{color:var(--text-secondary);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0;font-size:.8125rem;line-height:1.4;display:-webkit-box;overflow:hidden}.notification-empty{text-align:center;color:var(--bronze-500);padding:32px 16px;font-size:.875rem;font-style:italic}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:var(--background-mid)}.notification-list::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:var(--bronze-600)}@media (max-width:640px){.notification-dropdown{width:auto;max-width:none;position:fixed;top:5rem;left:16px;right:16px;transform:none}}