.notification-bell{position:relative;display:inline-flex!important;align-items:center;justify-content:center;min-width:38px;height:38px;border-radius:12px;text-decoration:none!important;font-size:19px;background:#f7f9fc;border:1px solid #e2e8f0;color:#0b3158}.notification-bell em{position:absolute;right:-5px;top:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:#ffc928;color:#102d4f;font:800 11px/19px Arial;text-align:center;font-style:normal;box-shadow:0 2px 7px rgba(0,0,0,.16)}
.notif-page{max-width:900px;margin:34px auto 60px;padding:0 18px}.notif-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:18px}.notif-head span{font-size:11px;font-weight:900;letter-spacing:1.5px;color:#0d69c7}.notif-head h1{margin:5px 0;font-size:30px;color:#0b3158}.notif-head p{margin:0;color:#718096}.notif-head button,.notif-item form button{border:0;cursor:pointer;font-weight:800}.notif-head button{padding:11px 15px;border-radius:11px;background:#ffc928;color:#102d4f}.notif-list{display:grid;gap:9px}.notif-item{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e5edf5;border-radius:15px;padding:11px 13px;box-shadow:0 6px 18px rgba(16,48,82,.05)}.notif-item.unread{border-left:4px solid #0d69c7;background:#f8fbff}.notif-main{display:flex;align-items:center;gap:12px;flex:1;color:inherit;text-decoration:none}.notif-main img,.notif-icon{width:46px;height:46px;border-radius:50%;object-fit:cover}.notif-icon{display:grid;place-items:center;background:#eef5fc;font-size:20px}.notif-main strong{color:#153d66}.notif-main p{margin:3px 0;color:#52677c;font-size:13px}.notif-main small{color:#92a0ae;font-size:11px}.notif-item form button{width:32px;height:32px;border-radius:9px;background:#eef6ff;color:#0d69c7}.notif-empty{min-height:220px;display:grid;place-items:center;align-content:center;gap:7px;background:#fff;border:1px dashed #cad8e6;border-radius:16px;color:#708090}.notif-empty:first-letter{font-size:32px}.notif-pages{display:flex;justify-content:center;gap:6px;margin-top:20px}.notif-pages a{display:grid;place-items:center;width:38px;height:38px;border:1px solid #dce7f1;border-radius:10px;text-decoration:none;color:#153d66;font-weight:800}.notif-pages a.active{background:#0d69c7;color:#fff}.member-notif-link{position:relative}.member-notif-link b{background:#ffc928;color:#102d4f;border-radius:10px;padding:1px 6px;font-size:10px}
@media(max-width:650px){.notif-head{align-items:flex-start;flex-direction:column}.notif-head h1{font-size:25px}.notif-page{margin-top:20px}.notif-main img,.notif-icon{width:40px;height:40px}}