.notification-button{position:relative}.notification-button .academy-notification-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#f1b84b;color:#17344b;font-size:10px;font-weight:800;display:grid;place-items:center;line-height:1;box-shadow:0 0 0 3px rgba(255,255,255,.9)}
.academy-notification-heading{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;margin-bottom:22px}.academy-notification-summary{display:flex;gap:10px}.academy-notification-summary article{min-width:105px;padding:14px 18px;border:1px solid rgba(23,52,75,.1);border-radius:18px;background:rgba(255,255,255,.82);box-shadow:0 12px 35px rgba(23,52,75,.06)}.academy-notification-summary strong{display:block;font-size:25px;color:#17344b}.academy-notification-summary span{font-size:12px;color:#6d7b86}
.academy-notification-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:12px 14px;margin-bottom:16px}.academy-notification-filters{display:flex;flex-wrap:wrap;gap:8px}.academy-notification-filters button,.academy-mark-read{border:0;border-radius:999px;padding:9px 14px;background:transparent;color:#5f6f7c;font:inherit;font-size:13px;cursor:pointer}.academy-notification-filters button.active{background:#17344b;color:#fff;font-weight:700}.academy-mark-read{color:#176a52;font-weight:700}.academy-mark-read:disabled{opacity:.45;cursor:not-allowed}
.academy-notification-feed{display:grid;gap:10px}.academy-notification-card{display:grid;grid-template-columns:48px minmax(0,1fr) 34px;gap:14px;align-items:center;padding:17px 18px;border:1px solid rgba(23,52,75,.09);border-radius:20px;background:rgba(255,255,255,.86);text-decoration:none;color:inherit;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.academy-notification-card:hover{transform:translateY(-1px);border-color:rgba(23,106,82,.24);box-shadow:0 14px 36px rgba(23,52,75,.07)}.academy-notification-card.is-unread{background:linear-gradient(105deg,rgba(241,248,246,.98),rgba(255,255,255,.95));border-color:rgba(23,106,82,.19)}.academy-notification-card.is-read{opacity:.78}.academy-notification-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;font-weight:800;font-size:19px}.academy-notification-icon.blue{background:#eaf1f6;color:#17344b}.academy-notification-icon.green{background:#e7f3ee;color:#176a52}.academy-notification-icon.orange{background:#fff1dd;color:#9a641a}.academy-notification-copy{min-width:0;display:grid;gap:4px}.academy-notification-meta{display:flex;gap:10px;align-items:center;font-size:11px;color:#83909a}.academy-notification-meta strong{color:#176a52;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.academy-notification-title{color:#203b4f;font-size:15px}.academy-notification-body{color:#687885;font-size:13px;line-height:1.45}.academy-notification-end{display:flex;align-items:center;justify-content:flex-end;gap:8px;color:#7a8994}.academy-notification-end i{width:8px;height:8px;border-radius:50%;background:#f1b84b;box-shadow:0 0 0 4px rgba(241,184,75,.15)}.academy-notification-end b{font-weight:700}
.academy-notification-empty,.academy-notification-no-results{text-align:center;padding:48px 24px;border-radius:22px}.academy-notification-empty>span,.academy-notification-no-results>span{display:grid;place-items:center;margin:0 auto 12px;width:54px;height:54px;border-radius:18px;background:#eaf1f6;color:#17344b;font-size:23px}.academy-notification-empty h2,.academy-notification-no-results h2{margin:4px 0 8px;color:#17344b}.academy-notification-empty p,.academy-notification-no-results p{margin:0 auto 18px;color:#6e7c87;max-width:480px}.academy-notification-no-results{background:rgba(255,255,255,.55)}
@media(max-width:760px){.academy-notification-heading{align-items:flex-start;flex-direction:column}.academy-notification-summary{width:100%}.academy-notification-summary article{flex:1;min-width:0}.academy-notification-toolbar{align-items:stretch;flex-direction:column}.academy-notification-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.academy-notification-filters button{white-space:nowrap}.academy-mark-read{align-self:flex-start}.academy-notification-card{grid-template-columns:42px minmax(0,1fr) 20px;padding:14px 12px;gap:10px}.academy-notification-icon{width:42px;height:42px;border-radius:13px}.academy-notification-body{font-size:12px}.academy-notification-meta{justify-content:space-between}.academy-notification-end i{display:none}}