.notificationBell{position:relative;border:0;border-radius:999px;background:#eef6f3;color:#17233c;min-width:40px;height:38px;padding:0 10px;font-size:17px}.notificationBadge{position:absolute;right:-3px;top:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#c5362d;color:#fff;font-size:10px;line-height:18px;font-weight:900}.notificationBackdrop{position:fixed;inset:0;background:#07111dcc;display:flex;align-items:flex-end;justify-content:center;z-index:650}.notificationBackdrop.hidden,.hidden{display:none!important}.notificationSheet{width:min(100%,620px);max-height:94vh;overflow:auto;background:#f5f8f7;border-radius:26px 26px 0 0;padding:18px 16px 30px;color:#17233c}.notificationSheet>header{position:sticky;top:-18px;z-index:2;display:flex;align-items:center;justify-content:space-between;background:#f5f8f7;padding:12px 0}.notificationSheet header small{display:block;color:#0a7c66;text-transform:uppercase;font-weight:900;letter-spacing:.08em}.notificationSheet h2{margin:2px 0}.notificationClose{border:0;width:38px;height:38px;border-radius:50%;background:#e6ece9;font-size:25px}.notificationTabs{display:flex;gap:8px;margin:6px 0 14px}.notificationTabs button,.notificationToolbar button{border:1px solid #d9e3df;background:#fff;border-radius:999px;padding:9px 13px;font-weight:800;color:#536075}.notificationTabs button.active{background:#17233c;color:#fff;border-color:#17233c}.notificationTabs span{font-size:10px}.notificationToolbar{display:flex;justify-content:flex-end;gap:7px;margin-bottom:10px}.notificationList{display:grid;gap:9px}.notificationCard{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;background:#fff;border:1px solid #dfe8e4;border-radius:17px;padding:12px;transition:.2s}.notificationCard.unread{border-color:#74bbaa;box-shadow:0 4px 18px #0a7c6610}.notificationCard.read{opacity:.78}.notificationIcon{width:36px;height:36px;border-radius:12px;background:#e9f5f1;display:grid;place-items:center;font-size:17px}.notificationCopy>div{display:flex;justify-content:space-between;gap:8px}.notificationCopy strong{font-size:13px}.notificationCopy time,.notificationCopy small{font-size:10px;color:#788291}.notificationCopy p{margin:5px 0 6px;font-size:12px;line-height:1.45}.notificationDismiss{border:0;background:transparent;color:#8a949f;font-size:20px}.notificationEmpty,.notificationLoading{text-align:center;color:#74808e;padding:34px 10px}.notificationSettingCard{background:#fff;border:1px solid #dfe8e4;border-radius:17px;padding:13px;margin:9px 0}.notificationSettingCard label{display:grid;gap:6px;font-size:11px;font-weight:800}.notificationSettingCard select{border:1px solid #d7e2de;border-radius:12px;padding:10px;background:#fff}.pushHeader{display:flex;justify-content:space-between;gap:10px;align-items:center}.pushHeader span{display:grid;gap:3px}.pushHeader small,.preferenceRow small{font-size:10px;color:#74808e}.pushHeader button{border:0;border-radius:12px;background:#0a7c66;color:#fff;padding:10px 12px;font-weight:800}.preferenceGrid{display:grid;gap:8px}.preferenceRow{display:grid;grid-template-columns:minmax(130px,1fr) auto auto auto;gap:8px;align-items:center;background:#fff;border:1px solid #dfe8e4;border-radius:15px;padding:11px}.preferenceRow>div{display:grid}.preferenceRow strong{font-size:11px}.preferenceRow label{font-size:10px;display:flex;gap:4px;align-items:center}.notificationToast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,30px);opacity:0;background:#17233c;color:#fff;border-radius:999px;padding:10px 14px;z-index:800;font-size:12px;text-align:center;max-width:90%;transition:.2s}.notificationToast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:430px){.preferenceRow{grid-template-columns:1fr 1fr 1fr}.preferenceRow>div{grid-column:1/-1}.pushHeader{align-items:flex-start;flex-direction:column}}@media(min-width:720px){.notificationBackdrop{align-items:center}.notificationSheet{border-radius:26px;max-height:88vh}}