.notification-bell{flex-shrink:0;position:relative}.notification-badge{color:#fff;background:#bd1523;border-radius:12px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font:700 12px/1 system-ui;display:inline-flex}.notification-bell .notification-badge{position:absolute;top:-5px;right:-5px}.notification-panel{z-index:200;color:#102638;background:#fff;width:min(440px,100vw - 24px);max-height:75dvh;padding:20px;position:fixed;top:75px;right:20px;overflow:auto;box-shadow:0 12px 50px #10263840}.notification-item{text-align:left;color:#102638;background:#fff;border:0;border-bottom:1px solid #e5e9ed;flex-direction:column;gap:6px;width:100%;padding:15px 8px;display:flex}.notification-item.unread{background:#fff3f2}.notification-item small{color:#65717c}.notification-dot{background:#bd1523;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.notification-toast{color:#fff;z-index:250;background:#102638;border-left:5px solid #bd1523;border-radius:10px;max-width:min(400px,100vw - 32px);display:flex;position:fixed;bottom:90px;right:16px;box-shadow:0 8px 30px #0004}.notification-toast>button:first-child{color:inherit;text-align:left;background:0 0;border:0;flex-direction:column;gap:8px;padding:18px;display:flex}.notification-dismiss{color:#fff;background:0 0;border:0;padding:12px;font-size:26px}.notification-overview{margin-bottom:20px}.notification-overview h2{align-items:center;gap:10px;display:flex}.teacher-bottom-nav button{position:relative}.teacher-bottom-nav .notification-badge{position:absolute;top:2px;right:14%}.staff-push-settings{padding:16px 0}.staff-push-settings button{margin:5px}.notification-sound-settings{color:#102638;background:#f7f9fa;border:1px solid #dce4e9;border-radius:12px;margin:12px 0;padding:14px}.notification-sound-settings p,.notification-sound-settings small{font-size:12px;line-height:1.5}.notification-sound-settings>div{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}