.notification-bell{align-items:center;display:flex;position:relative}.notification-bell-trigger{width:32px;height:32px;color:var(--color-blue-dark);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;transition:background .2s;display:flex;position:relative}.notification-bell-trigger:hover{background:#06669914}.notification-bell-badge{min-width:15px;height:15px;color:var(--color-white);text-align:center;background:#e0433b;border-radius:999px;padding:0 3px;font-size:.6rem;font-weight:700;line-height:15px;position:absolute;top:2px;right:2px}.notification-bell-dropdown{background:var(--color-white);border:1px solid var(--color-border);z-index:90;border-radius:14px;flex-direction:column;width:320px;max-height:400px;display:flex;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 15px 35px #02416d26}.notification-bell-header{border-bottom:1px solid var(--color-border);color:var(--color-blue-dark);justify-content:space-between;align-items:center;padding:12px 14px;font-size:.8rem;font-weight:700;display:flex}.notification-bell-header-actions{align-items:center;gap:10px;display:flex}.notification-bell-mark-all,.notification-bell-clear-all{color:var(--color-blue);cursor:pointer;background:0 0;border:0;font-size:.68rem;font-weight:600}.notification-bell-clear-all{color:#b91c1c}.notification-bell-empty{color:var(--color-text-soft);text-align:center;padding:20px 14px;font-size:.75rem}.notification-bell-list{margin:0;padding:0;list-style:none;overflow-y:auto}.notification-bell-item{background:var(--color-white);text-align:left;width:100%;color:var(--color-blue-dark);cursor:pointer;border:0;border-bottom:1px solid #c8dcb566;flex-direction:column;gap:4px;padding:12px 14px;font-size:.75rem;transition:background .15s;display:flex}.notification-bell-item:hover{background:#0666990d}.notification-bell-item-unread{background:#aedd2b1f;font-weight:600}.notification-bell-item time{color:var(--color-text-soft);font-size:.62rem;font-weight:400}