.notificationNavItem{position:relative}.notificationBadge{min-width:19px;height:19px;padding:0 5px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;margin-left:auto;background:#bd4d56;color:#fff;font-size:10px;font-weight:800;box-shadow:0 0 0 3px var(--sidebar)}.notificationBadge[hidden]{display:none}.notificationPanel{position:fixed;z-index:1400;left:calc(var(--navW,280px) + 12px);top:66px;width:min(420px,calc(100vw - 24px));max-height:min(680px,calc(100vh - 82px));display:flex;flex-direction:column;background:#171717;border:1px solid rgba(255,255,255,.07);border-radius:26px;box-shadow:0 28px 80px rgba(0,0,0,.62);overflow:hidden}.notificationPanel[hidden]{display:none}.notificationPanelHeader,.notificationPanelToolbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.notificationPanelHeader{padding:17px 18px 13px}.notificationPanelTitle{display:flex;align-items:center;gap:10px;color:#eceff3;font-size:15px}.notificationPanelTitle i{width:31px;height:31px;display:grid;place-items:center;border-radius:11px;background:#2a2a2a;color:#cfd4dc}.notificationPanelToolbar{padding:0 12px 11px}.notificationTabs{display:flex;gap:3px;padding:3px;background:#111;border-radius:14px}.notificationTab,.notificationTextBtn,.notificationClose{border:0;background:transparent;color:#9fa6b1;cursor:pointer;border-radius:11px;padding:7px 10px;font-size:12px}.notificationClose{width:32px;height:32px;padding:0;font-size:20px;line-height:1}.notificationTab.active{background:#2f2f2f;color:#eef0f3}.notificationTextBtn:hover,.notificationClose:hover{color:#fff;background:#292929}.notificationList{overflow:auto;padding:5px 8px 10px}.notificationEmpty{padding:46px 20px;text-align:center;color:#878e98;font-size:12px}.notificationEmpty i{display:block;margin-bottom:12px;color:#555b64;font-size:24px}.notificationItem{width:100%;border:0;background:transparent;color:#dce1e8;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:11px;align-items:start;text-align:left;padding:11px;border-radius:18px;cursor:pointer;transition:background .15s ease}.notificationItem:hover{background:#262626}.notificationItem.unread{background:#242424}.notificationItem.unread:hover{background:#292929}.notificationIcon{width:36px;height:36px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:#303030;color:#c7cdd5}.notificationItem.severity-warning .notificationIcon{background:rgba(213,154,69,.13);color:#dcaa61}.notificationItem.severity-urgent .notificationIcon{background:rgba(216,82,92,.13);color:#dc6d76}.notificationItemText{min-width:0;display:flex;flex-direction:column;gap:3px}.notificationItemText b,.notificationItemText span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notificationItemText b{font-size:13px;color:#eef0f3}.notificationItemText span{font-size:12px;color:#aab0b8}.notificationItemText small{font-size:10px;color:#747b85}.notificationDot{width:7px;height:7px;border-radius:50%;background:#78b99c;margin-top:8px;box-shadow:0 0 0 4px rgba(120,185,156,.08)}@media(max-width:760px){.notificationPanel{left:12px;top:64px}}