.NotificationBadge_button__Ilm2R{position:relative;padding:.5rem;border-radius:9999px;transition:background-color .2s ease-in-out;cursor:pointer}.NotificationBadge_button__Ilm2R:hover{background-color:#f3f4f6}.NotificationBadge_icon__SeG7a{font-size:28px;color:#374151}.NotificationBadge_badge__RnvcB{position:absolute;top:-1px;right:-1px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:9999px;background-color:#ef4444;color:#fff;font-size:.75rem;font-weight:700;box-shadow:0 0 3px rgba(0,0,0,.793)}.NotificationItem_item__PHY7D{display:flex;gap:1rem;padding:.75rem 1rem;border-radius:6px;transition:background-color .2s ease-in-out;align-items:flex-start;flex-direction:row}.NotificationItem_avatarWrapper__jBC9e{width:20%;flex-shrink:0}.NotificationItem_avatar__Mvmmq{width:100%;height:80px;border-radius:9999px;object-fit:cover}.NotificationItem_content__Ba_EM{width:80%;flex:1 1}.NotificationItem_title__eMTJq{font-weight:600;font-size:.875rem;color:#111827}.NotificationItem_message__ZuHWT{font-size:.875rem;color:#4b5563;margin-top:.25rem}.NotificationItem_link__QJzGI{font-size:.875rem;color:#3b82f6;text-decoration:none;display:block;margin-top:.25rem}.NotificationItem_link__QJzGI:hover{text-decoration:underline}.NotificationItem_actionButton__hlbxc{display:inline-block;margin-top:.4rem;padding:.09rem 1.5rem;font-weight:600;font-size:.7rem;text-align:center;border-radius:24px;background:#df2c31;color:#fff;text-decoration:none;border:none;cursor:pointer;transition:all .25s ease-in-out;box-shadow:0 4px 10px rgba(220,53,69,.4)}.NotificationItem_actionButton__hlbxc:hover{transform:translateY(-2px) scale(1.03);background:#df2c31;box-shadow:0 2px 2px #df2c31;text-decoration:none}.NotificationItem_actionButton__hlbxc:active{transform:scale(.96);background:#df2c31;box-shadow:0 2px 2px #df2c31}.NotificationItem_actionButton__hlbxc:disabled{opacity:.6;cursor:not-allowed}.NotificationList_container__JDzYs{width:28rem;background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.482);overflow:hidden;display:flex;flex-direction:column}.NotificationList_header__03JQ_{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #e5e7eb}.NotificationList_title__JeHO9{font-weight:600;font-size:1rem;color:#111827}.NotificationList_markAllBtn__RhyWF{font-size:.875rem;color:#ef4444;background:none;border:none;cursor:pointer;transition:color .2s ease-in-out;text-align:end;margin-right:3rem}.NotificationList_markAllBtn__RhyWF:hover{text-decoration:underline;color:#dc2626}.NotificationList_body__dv2zj{max-height:24rem;overflow-y:auto;margin:0;padding:0;list-style:none}.NotificationList_empty__5Fhqa{padding:1rem;font-size:.875rem;color:#6b7280;text-align:center}.NotificationList_footer__UC6hE{border-top:1px solid #e5e7eb;text-align:center;padding:.5rem}.NotificationList_seeAllBtn__NLCKV{font-size:.875rem;color:#4b5563;background:none;border:none;cursor:pointer;transition:color .2s ease-in-out}.NotificationList_seeAllBtn__NLCKV:hover{text-decoration:underline;color:#374151}.NotificationList_actions__wLaMy{display:flex;gap:.5rem;align-items:center}.NotificationList_closeBtn__8hkKw{font-size:.875rem;color:#6b7280;background:none;border:none;cursor:pointer;transition:color .2s ease-in-out}.NotificationList_closeBtn__8hkKw:hover{color:#111827}.NotificationComponent_wrapper__m4aux{position:relative;display:inline-block;margin-right:1rem}.NotificationComponent_dropdown__lhazX{position:absolute;right:0;margin-top:.5rem;z-index:50}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}