.notification-bell{position:relative}.notification-bell em{color:#fff;text-align:center;background:#ef4444;border-radius:12px;min-width:18px;height:18px;padding:0 4px;font:700 10px/18px Arial;position:absolute;top:-6px;right:-5px}.notification-layout{grid-template-columns:minmax(0,1.5fr) minmax(310px,.7fr);align-items:start;gap:22px;display:grid}.notification-feed,.notification-preferences{background:#fff;border:1px solid #e9e4f1;border-radius:18px;overflow:hidden;box-shadow:0 10px 28px #2d18530f}.notification-feed>header{border-bottom:1px solid #eee8f4;justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.notification-feed>header>div{align-items:center;gap:12px;display:flex}.notification-feed>header svg{color:#7138e6}.notification-feed>header span{display:grid}.notification-feed>header small{color:#776f82}.notification-feed>header button{background:#fff;border:1px solid #d9ccec;border-radius:10px;align-items:center;gap:7px;padding:10px 12px;display:flex}.notification-list{display:grid}.notification-list>button{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #f0ecf4;grid-template-columns:42px 1fr 10px;gap:13px;width:100%;padding:18px 22px;display:grid}.notification-list>button:hover{background:#faf8fd}.notification-list>button.unread{background:#fbf9ff}.notification-list>button>i{color:#7138e6;background:#eee8ff;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.notification-list>button.warning>i{color:#a56600;background:#fff3d7}.notification-list>button.critical>i{color:#c32929;background:#ffe5e5}.notification-list>button.success>i{color:#16813c;background:#e1f7e8}.notification-list>button>span{min-width:0;display:block}.notification-list p{color:#5f5868;margin:5px 0 8px;line-height:1.5}.notification-list small{color:#8b8294;align-items:center;gap:6px;display:flex}.notification-list small svg{width:13px}.notification-list>button>em{background:#7138e6;border-radius:50%;width:8px;height:8px;margin-top:7px}.notification-empty,.notification-loading{text-align:center;color:#6f6777;place-items:center;gap:8px;padding:58px 24px;display:grid}.notification-empty svg{color:#23a05a;width:38px;height:38px}.notification-empty p{margin:0}.notification-preferences{padding:22px}.notification-preferences>header{gap:12px;margin-bottom:10px;display:flex}.notification-preferences>header>svg{color:#7138e6}.notification-preferences h3{margin:0 0 5px}.notification-preferences p{color:#776f82;margin:0;line-height:1.45}.notification-toggle{border-bottom:1px solid #f0ecf4;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.notification-toggle span{gap:3px;display:grid}.notification-toggle small{color:#837a8c}.notification-toggle input{accent-color:#7138e6;width:20px;height:20px}.notification-preferences>.primary{justify-content:center;width:100%;margin-top:18px}.notification-saved{gap:7px;display:flex;color:#187d3e!important;align-items:center!important;margin-top:14px!important}@media (max-width:980px){.notification-layout{grid-template-columns:1fr}}@media (max-width:600px){.notification-feed>header{align-items:flex-start;gap:12px}.notification-feed>header button{font-size:0}.notification-feed>header button svg{width:18px}.notification-list>button{grid-template-columns:38px 1fr 8px;padding:15px}.notification-preferences{padding:18px}}