.notification-bell{position:relative;border:1px solid #dce6ed;background:white;color:#071c39;border-radius:7px;padding:7px;display:inline-flex;cursor:pointer}.notification-count{position:absolute;top:-7px;right:-6px;background:#bd3147;color:white;font-size:10px;min-width:16px;border-radius:9px;padding:2px}.notification-count[hidden]{display:none}.notification-panel{width:min(560px,92vw);max-height:85vh;overflow:auto;border:1px solid #dce6ed;border-radius:10px;padding:24px;color:#071c39}.notification-panel::backdrop{background:#071c3955}.notification-heading{display:flex;justify-content:space-between;align-items:center}.notification-heading h2{font-size:38px;margin:0}.notification-panel p{font-size:13px}.notification-filters{display:flex;gap:8px}.notification-filters button{border:0;background:#eef5f8;color:#071c39;padding:9px 14px;border-radius:4px;cursor:pointer}.notification-filters [aria-pressed=true]{background:#071c39;color:white}.notification-item{padding:20px 0;border-top:1px solid #dce6ed}.notification-item.unread{border-left:3px solid #00bbd4;padding-left:12px}.notification-item small{font-size:10px;color:#168fab}.notification-item h3{font-size:19px;margin:8px 0}.notification-item .text-link{font-size:12px;margin-right:15px}.notification-settings{padding:18px;background:#eef9fc;border-radius:6px;margin-top:18px}.notification-settings h3{font-size:18px;margin:0}.notification-actions{display:flex;gap:15px}@media(max-width:560px){header nav{flex-wrap:wrap;justify-content:flex-end}.notification-bell{padding:4px}.notification-bell svg{width:16px;height:16px}.notification-heading h2{font-size:30px}}