.notification-bell{display:flex;align-items:center;justify-content:center;gap:10px;align-self:flex-end;min-height:44px;margin:12px 0 4px;padding:9px 15px;border:1px solid #d6ba7270;border-radius:12px;color:#ffe39c;background:#152b3bea;font:700 14px/1.3 'DM Sans',sans-serif;cursor:pointer}.notification-bell svg{width:22px;height:22px;flex:none}.notification-bell b{padding:3px 7px;min-width:22px;box-sizing:border-box;border-radius:20px;background:#ffe187;color:#112b41;font-size:13px}.notification-bell b[hidden]{display:none}.notification-bell:focus-visible,.notification-title:focus-visible{outline:3px solid #ffe187;outline-offset:3px}.notification-dialog{width:min(94vw,600px);max-height:88dvh;overflow:auto;overscroll-behavior:contain;padding:30px 20px!important}.notification-dialog h2{font-size:30px;padding-right:30px}.notification-tools{display:flex;gap:10px;flex-wrap:wrap}.notification-tools button{min-height:44px;font-size:13px;padding:10px}.notification-status{font-size:14px;line-height:1.5;color:#d9e7ed}.notification-list{display:grid;gap:12px}.notification-item{display:grid;grid-template-columns:66px minmax(0,1fr);gap:14px;padding:17px 12px;background:#0c2033;border:1px solid #c1d8e426;border-radius:15px;text-align:left}.notification-item.is-unread{border-left:3px solid #ffe187;background:#1b3242}.notification-item img{object-fit:contain;width:66px;height:80px;align-self:center}.notification-avatar{display:grid;place-items:center;width:54px;height:54px;color:#ffe187;background:#ffe18714;border-radius:15px;font-size:30px}.notification-item small{display:block;font:700 12px/1.5 sans-serif;color:#b6c9d7;letter-spacing:.07em}.notification-title{display:block;color:#ffe5a5;background:none;border:0;padding:6px 0;text-align:left;font:700 19px/1.3 'DM Sans',sans-serif;overflow-wrap:anywhere;cursor:pointer}.notification-item p{font:16px/1.5 'DM Sans',sans-serif;margin:4px 0 12px;color:#e1e9ee}.notification-actions{display:flex;gap:8px;flex-wrap:wrap}.notification-actions button{min-height:44px;font-size:13px;padding:9px 10px;cursor:pointer}.notification-read{background:transparent;color:#b7cddb;border:0;text-decoration:underline}.notification-item button:disabled{opacity:.5}.notification-empty{font-size:16px}@media(max-width:360px){.notification-item{grid-template-columns:1fr}.notification-item img,.notification-avatar{display:none}.notification-dialog{padding:28px 14px!important}}

.notification-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#071726;padding:5px;border-radius:13px;margin:18px 0}.notification-tab{min-height:46px;border:0;border-radius:9px;background:transparent;color:#c3d4e1;font:700 16px/1.3 'DM Sans',sans-serif;cursor:pointer}.notification-tab[aria-selected=true]{background:#efd58e;color:#0d2337}.notification-tab:focus-visible{outline:3px solid white;outline-offset:2px}.notification-bell b{background:#e63b50;color:white;box-shadow:0 0 0 2px #172b3c}