.notification-bell{position:relative;flex:none}.notification-bell__trigger{position:relative;width:38px;height:38px;border:1px solid #dce3f0;border-radius:9px;background:#fff;color:#53617e;display:grid;place-items:center;cursor:pointer}.notification-bell__trigger:hover,.notification-bell__trigger[aria-expanded=true]{background:#f4f7fc;color:#14245c}.notification-bell__count{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;box-sizing:border-box;border-radius:10px;background:#e04444;border:2px solid #fff;color:#fff;font-size:9px;font-weight:900;line-height:14px;text-align:center}.notification-panel{position:absolute;z-index:1300;right:0;top:46px;width:min(390px,calc(100vw - 24px));background:#fff;border:1px solid #dfe5ef;border-radius:14px;box-shadow:0 18px 55px rgba(16,30,78,.18);overflow:hidden;text-align:left;color:#15224a}.notification-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 18px;border-bottom:1px solid #e9edf4}.notification-panel>header h2{font-size:16px;line-height:1.2;margin:0 0 2px;color:#101e4e}.notification-panel>header span{display:block;font-size:11px;color:#7a86a1}.notification-panel>header button{border:0;background:transparent;color:#174ce6;font-size:11px;font-weight:800;cursor:pointer}.notification-panel__list{max-height:430px;overflow:auto}.notification-item{display:flex;gap:11px;align-items:flex-start;padding:14px 15px;border-bottom:1px solid #edf0f5;color:inherit}.notification-item:hover{background:#f7f9fd}.notification-item.is-unread{background:#f2f6ff}.notification-item.is-unread:hover{background:#eaf1ff}.notification-item__icon{width:34px;height:34px;border-radius:9px;background:#e7efff;color:#174ce6;display:grid;place-items:center;font-size:14px;font-weight:900;flex:none}.notification-item__copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1 1}.notification-item__copy strong{font-size:12.5px;color:#101e4e}.notification-item__copy>span{font-size:11.5px;line-height:1.45;color:#5d6983}.notification-item__copy small{font-size:10px;color:#8a95ac}.notification-item>i{width:7px;height:7px;border-radius:50%;background:#174ce6;margin-top:6px;flex:none}.notification-panel__state{padding:38px 25px;text-align:center;color:#71809c;font-size:12px}.notification-panel__state b{display:block;color:#243252;margin:7px 0 3px}.notification-panel__state p{margin:0;line-height:1.5}.notification-panel__state.error{color:#a23c34}.notification-panel__state.error button{display:block;margin:10px auto 0;border:1px solid #d8dfeb;border-radius:7px;background:#fff;padding:7px 10px;color:#14245c;font-weight:700}.notification-panel__empty{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;margin:auto;background:#e9f6f0;color:#17895b;font-size:15px}.notification-bell--admin .notification-bell__trigger,.notification-bell--expert .notification-bell__trigger{width:38px;height:38px;border:0;border-radius:50%;background:#f1f3f7;transition:background .14s ease}.notification-bell--admin .notification-bell__trigger:hover,.notification-bell--admin .notification-bell__trigger[aria-expanded=true],.notification-bell--expert .notification-bell__trigger:hover,.notification-bell--expert .notification-bell__trigger[aria-expanded=true]{background:#e2e6ee}.notification-bell--expert .notification-panel{top:43px}@media(max-width:700px){.notification-panel{position:fixed;top:68px!important;right:12px;left:12px;width:auto}.notification-bell--public .notification-bell__trigger{width:38px;height:38px;border:0!important;border-radius:50%;background:#f1f3f7;transition:background .14s ease}.notification-bell--public .notification-bell__trigger:hover,.notification-bell--public .notification-bell__trigger[aria-expanded=true]{background:#e2e6ee}.notification-panel__list{max-height:60vh}}