[data-v-e6ffede1]:export{modal:100;sticky:10}.notification-card[data-v-e6ffede1]{display:flex;flex-direction:column;gap:8px;position:relative;border-radius:8px;padding:8px;box-shadow:0 3px 6px #0000000d;border-bottom:1px solid #E5E7EB;transition:all .3s ease-in-out;background:#eef2ff}.notification-card[data-v-e6ffede1]:hover{background:#fafbff}.notification-card.read-card[data-v-e6ffede1]{background:#fff}.notification-card.read-card[data-v-e6ffede1]:hover{background:#f3f4f6}.notification-header[data-v-e6ffede1]{width:100%;display:flex;justify-content:space-between;gap:8px;align-items:center}.notification-header .title[data-v-e6ffede1],.notification-header .icon[data-v-e6ffede1]{display:flex;align-items:center}.notification-header .icon i[data-v-e6ffede1]{font-size:20px}.notification-header .icon i.error-icon[data-v-e6ffede1]{color:#dc2626}.notification-header .icon i.success-icon[data-v-e6ffede1]{color:#16a34a}.notification-header .icon i.warning-icon[data-v-e6ffede1]{color:#f59e0b}.notification-header .icon i.info-icon[data-v-e6ffede1]{color:#2563eb}.notification-header .message-dot[data-v-e6ffede1]{margin-right:4px}.timestamp[data-v-e6ffede1],p[data-v-e6ffede1]{margin:0;color:#9ca3af}.notification-text[data-v-e6ffede1]{margin-left:8px;color:#030712;font-weight:500}.read[data-v-e6ffede1]{color:#4b5563}.notification-content[data-v-e6ffede1]{display:flex;gap:16px}.notification-content span[data-v-e6ffede1]{color:#6b7280;word-break:break-word}.link-info[data-v-e6ffede1]{color:#2563eb;text-decoration:none}.link[data-v-e6ffede1]{display:flex;align-items:flex-end}