.nf-root{position:relative;z-index:120;margin-left:2px}.nf-bell{position:relative;display:grid;place-items:center;width:40px;height:40px;padding:8px!important;border:1px solid #d7e3ea!important;border-radius:10px!important;background:#f5f9fb!important;color:#173d52!important;box-shadow:none!important}.nf-bell:hover,.nf-bell[aria-expanded=true]{background:#e9f4f4!important;border-color:#9cc8c8!important}.nf-bell svg{width:22px;height:22px}.nf-count{position:absolute;right:-6px;top:-7px;min-width:19px;height:19px;display:grid;place-items:center;padding:0 4px;border-radius:12px;background:#d9543e;color:#fff;border:2px solid white;font-size:10px;font-weight:750;line-height:1}.nf-count[hidden]{display:none}.nf-panel{position:absolute;top:calc(100% + 13px);right:0;width:390px;max-width:calc(100vw - 28px);background:white;border:1px solid #d6e2e9;border-radius:13px;box-shadow:0 18px 55px #102d4333;color:#18374b;overflow:hidden;z-index:150;text-align:left}.nf-panel[hidden]{display:none}.nf-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 18px 12px}.nf-head h2{font-size:17px;margin:0}.nf-mark{border:0!important;background:none!important;color:#087a80!important;box-shadow:none!important;font-size:11px!important;padding:5px 0!important;white-space:nowrap}.nf-mark:disabled{opacity:.5;cursor:default}.nf-tabs{display:flex;align-items:center;gap:6px;padding:0 16px 12px;border-bottom:1px solid #e0e8ee}.nf-filter{border:0!important;box-shadow:none!important;background:#f0f4f7!important;color:#627987!important;border-radius:20px!important;font-size:11px!important;padding:6px 11px!important}.nf-filter.active{background:#e0f0ee!important;color:#10696a!important}.nf-unread-text{font-size:11px;color:#6e8290;margin-left:auto}.nf-list{max-height:min(55vh,480px);overflow:auto;overscroll-behavior:contain}.nf-item{display:flex;align-items:flex-start;gap:12px;width:100%;padding:15px 18px!important;border:0!important;border-bottom:1px solid #eef2f5!important;border-radius:0!important;text-align:left;background:#fff!important;color:#193b50!important;box-shadow:none!important;line-height:1.45!important;white-space:normal}.nf-item:hover{background:#f5f9fa!important}.nf-item.unread{background:#f0f8f7!important;border-left:3px solid #0c8587!important;padding-left:15px!important}.nf-item-icon{display:grid;place-items:center;flex:0 0 31px;height:31px;border-radius:8px;background:#e9eff5;color:#365f78;font-size:15px}.nf-item.unread .nf-item-icon{background:#d7eeeb;color:#0a7779}.nf-item-content{display:block;min-width:0;flex:1}.nf-item-content b{display:block;font-size:12px;overflow-wrap:anywhere;font-weight:700}.nf-item-content .nf-preview{display:block;color:#5a7483;font-size:11px;font-weight:400;margin-top:4px;overflow-wrap:anywhere}.nf-meta{display:flex;gap:7px;align-items:center;margin-top:6px;font-size:10px;font-weight:400;color:#7c8e9a}.nf-dot{flex:0 0 6px;width:6px;height:6px;background:#0b8586;border-radius:50%;margin-top:7px}.nf-empty{padding:36px 24px;text-align:center;color:#6a808f;font-size:12px;line-height:1.65}.nf-empty b{display:block;color:#23465a;font-size:14px;margin-bottom:5px}.nf-footer{font-size:10px;color:#80919b;padding:10px 18px;border-top:1px solid #e6edf1;background:#fafcfd}.nf-error{color:#a85434}.nf-bell:focus-visible,.nf-item:focus-visible,.nf-mark:focus-visible,.nf-filter:focus-visible{outline:3px solid #64b4bb!important;outline-offset:2px}@media(max-width:760px){.nf-root{margin-right:3px}.nf-bell{width:36px;height:36px}.nf-panel{position:fixed;top:77px;right:12px;width:390px}.nf-list{max-height:60vh}}