.notification-badge[data-v-af0f5feb],.notification-container[data-v-af0f5feb]{position:relative}.notification-badge.has-notifications[data-v-af0f5feb]{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.badge-count[data-v-af0f5feb]{border-radius:9999px;min-width:18px;position:absolute;right:-.25rem;top:-.25rem;--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1));font-size:.75rem;font-weight:700;line-height:1rem;padding:.125rem .375rem;text-align:center;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.notification-overlay[data-v-af0f5feb]{background-color:rgb(0 0 0/var(--tw-bg-opacity,1));display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:50;--tw-bg-opacity:.5;padding-right:1rem;padding-top:4rem}.notification-panel[data-v-af0f5feb]{border-radius:.5rem;height:-moz-fit-content;height:fit-content;max-height:80vh;overflow:hidden;width:24rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.panel-header[data-v-af0f5feb]{align-items:center;border-bottom-width:1px;display:flex;justify-content:space-between;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));padding:1rem}.panel-content[data-v-af0f5feb]{max-height:24rem;overflow-y:auto}.no-notifications[data-v-af0f5feb]{padding:2rem;text-align:center;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.notifications-list[data-v-af0f5feb]>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));--tw-divide-opacity:1;border-color:rgb(243 244 246/var(--tw-divide-opacity,1))}.notification-item[data-v-af0f5feb]{align-items:center;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.notification-item[data-v-af0f5feb]:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.notification-icon[data-v-af0f5feb]{align-items:center;border-radius:9999px;display:flex;height:2.5rem;justify-content:center;width:2.5rem;--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.notification-info[data-v-af0f5feb]{flex:1 1 0%}.notification-badge[data-v-af0f5feb]{border-radius:9999px;min-width:20px;--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1));font-size:.75rem;font-weight:700;line-height:1rem;padding:.25rem .5rem;text-align:center;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.panel-footer[data-v-af0f5feb]{border-top-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1));padding:.75rem}.btn-icon[data-v-af0f5feb]{border-radius:.25rem;padding:.25rem;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn-icon[data-v-af0f5feb]:hover,.btn-secondary[data-v-af0f5feb]{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.btn-secondary[data-v-af0f5feb]{border-radius:.25rem;font-size:.875rem;line-height:1.25rem;padding:.25rem .75rem;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn-secondary[data-v-af0f5feb]:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.notification-bell[data-v-af0f5feb]{animation:ring-af0f5feb 2s ease infinite;transform-origin:50% 0}@keyframes ring-af0f5feb{0%{transform:rotate(0)}1%{transform:rotate(30deg)}3%{transform:rotate(-28deg)}5%{transform:rotate(34deg)}7%{transform:rotate(-32deg)}9%{transform:rotate(30deg)}11%{transform:rotate(-28deg)}13%{transform:rotate(26deg)}15%{transform:rotate(-24deg)}17%{transform:rotate(22deg)}19%{transform:rotate(-20deg)}21%{transform:rotate(18deg)}23%{transform:rotate(-16deg)}25%{transform:rotate(14deg)}27%{transform:rotate(-12deg)}29%{transform:rotate(10deg)}31%{transform:rotate(-8deg)}33%{transform:rotate(6deg)}35%{transform:rotate(-4deg)}37%{transform:rotate(2deg)}39%{transform:rotate(-1deg)}41%{transform:rotate(1deg)}43%{transform:rotate(0)}to{transform:rotate(0)}}