.notif-bell-btn{align-items:center;background:hsla(0,0%,100%,.12);border:1.5px solid hsla(0,18%,61%,.22);border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:42px;justify-content:center;position:relative;transition:background .18s,border-color .18s,transform .15s;width:42px}.notif-bell-btn:hover{background:rgba(0,85,241,.13);border-color:hsla(0,0%,65%,.38);transform:scale(1.05)}.notif-bell-btn svg{color:#fff;display:block}.notif-bell-badge{background:#e24b4a;border:2px solid #1e3a5f;border-radius:50%;height:9px;pointer-events:none;position:absolute;right:5px;top:5px;width:9px}.notif-bell-btn-light{align-items:center;background:#f3f5f8;border:1.5px solid #e5e9f0;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:42px;justify-content:center;position:relative;transition:background .18s,transform .15s;width:42px}.notif-bell-btn-light:hover{background:#e8ecf2;transform:scale(1.05)}.notif-bell-btn-light svg{color:#374151}.notif-bell-badge-light{background:#e24b4a;border:2px solid #fff;border-radius:50%;height:9px;pointer-events:none;position:absolute;right:5px;top:5px;width:9px}.notif-panel-dropdown{animation:notifSlideIn .18s ease;background:#fff;border:1px solid #e5e9f0;border-radius:16px;box-shadow:0 8px 40px rgba(0,0,0,.13);max-width:calc(100vw - 24px);overflow:hidden;position:fixed;right:16px;top:10%;width:460px;z-index:9999}@keyframes notifSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notif-panel-head{padding:16px 18px 0}.notif-title-row{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:14px}.notif-icon-title{align-items:center;display:flex;gap:10px}.notif-head-bell-icon{align-items:center;background:#f3f5f8;border-radius:10px;color:#374151;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.notif-panel-title{color:#1a1a2e;font-size:15px;font-weight:600;line-height:1.2}.notif-panel-sub{color:#8a94a6;font-size:12px;margin-top:2px}.notif-close-btn{background:none;border:none;border-radius:7px;color:#9ca3af;cursor:pointer;font-size:22px;line-height:1;margin-top:-2px;padding:2px 5px;transition:background .15s,color .15s}.notif-close-btn:hover{background:#f3f4f6;color:#374151}.notif-tabs{border-bottom:1.5px solid #eef0f4;display:flex}.notif-tab{align-items:center;background:none;border:none;border-bottom:2.5px solid transparent;color:#8a94a6;cursor:pointer;display:flex;flex:0 0 auto;font-size:13px;font-weight:500;gap:7px;margin-bottom:-1.5px;padding:9px 18px;transition:color .18s,border-color .18s}.notif-tab.active{border-bottom-color:#1a1a2e;color:#1a1a2e}.notif-tab-badge{border-radius:20px;font-size:11px;font-weight:600;line-height:1.7;padding:1px 7px;transition:background .18s,color .18s}.notif-tab.active .notif-tab-badge{background:#e24b4a;color:#fff}.notif-tab:not(.active) .notif-tab-badge{background:#f0f2f5;color:#6b7280}.notif-panel-body{display:none}.notif-panel-body.active{display:block}.notif-list{list-style:none;margin:0;max-height:320px;overflow-y:auto;padding:0}.notif-list::-webkit-scrollbar{width:3px}.notif-list::-webkit-scrollbar-track{background:transparent}.notif-list::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:3px}.notif-item{align-items:flex-start;border-bottom:1px solid #f3f5f8;display:flex;gap:10px;padding:13px 18px;transition:background .12s}.notif-item:hover{background:#fafbfc}.notif-item:last-child{border-bottom:none}.notif-unread-dot{background:#e24b4a;border-radius:50%;flex-shrink:0;height:8px;margin-top:5px;transition:background .2s;width:8px}.notif-unread-dot.is-read{background:transparent}.notif-item-msg{color:#1a1a2e;font-size:13px;font-weight:500;line-height:1.45;margin-bottom:6px}.notif-item-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px;width:100%}.notif-item-time{align-items:center;color:#aab0bc;display:flex;font-size:11px;gap:3px}.notif-view-link{color:#3b82f6;font-size:12px;font-weight:500;text-decoration:none}.notif-view-link:hover{text-decoration:underline}.notif-mark-read-link{color:#aab0bc;font-size:12px;margin-left:auto;text-decoration:none;white-space:nowrap}.notif-mark-read-link:hover{color:#6b7280}.notif-send-mail-btn{background:#fff;border:1.5px solid #1a1a2e;border-radius:20px;color:#1a1a2e;cursor:pointer;font-size:12px;font-weight:500;line-height:1.6;padding:3px 14px;transition:background .15s,color .15s}.notif-send-mail-btn:hover{background:#1a1a2e;color:#fff}.notif-empty{align-items:center;color:#aab0bc;display:flex;flex-direction:column;font-size:13px;gap:4px;padding:36px 20px;text-align:center}.notif-empty p{margin:0}.notif-panel-footer{align-items:center;background:#fafbfd;border-top:1px solid #f0f2f5;display:flex;justify-content:space-between;padding:11px 18px}.notif-footer-mark{background:none;border:none;color:#6b7280;cursor:pointer;font-size:13px;font-weight:400;padding:0;transition:color .15s}.notif-footer-mark:hover{color:#374151}.notif-footer-all{background:none;border:none;color:#185fa5;cursor:pointer;font-size:13px;font-weight:500;padding:0;transition:color .15s}.notif-footer-all:hover{color:#0c447c;text-decoration:underline}@media (max-width:480px){.notif-panel-dropdown{border-radius:14px;left:8px;position:fixed;right:8px;top:8%;width:auto}}