.notification[data-v-23c3211c]{align-items:flex-start;border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:flex;margin-bottom:var(--spacing-4);max-width:500px;overflow:hidden;padding:var(--spacing-4);position:relative}.notification[data-v-23c3211c]:before{content:"";height:100%;left:0;position:absolute;top:0;width:4px}.notification.success[data-v-23c3211c]{background-color:var(--success-50);border:1px solid var(--success-200)}.notification.success[data-v-23c3211c]:before{background-color:var(--success-500)}.notification.error[data-v-23c3211c]{background-color:var(--error-50);border:1px solid var(--error-200)}.notification.error[data-v-23c3211c]:before{background-color:var(--error-500)}.notification.warning[data-v-23c3211c]{background-color:var(--warning-50);border:1px solid var(--warning-200)}.notification.warning[data-v-23c3211c]:before{background-color:var(--warning-500)}.notification.info[data-v-23c3211c]{background-color:var(--info-50);border:1px solid var(--info-200)}.notification.info[data-v-23c3211c]:before{background-color:var(--info-500)}.notification-icon[data-v-23c3211c]{flex-shrink:0;font-size:1.5rem;margin-right:var(--spacing-3)}.notification.success .notification-icon[data-v-23c3211c]{color:var(--success-500)}.notification.error .notification-icon[data-v-23c3211c]{color:var(--error-500)}.notification.warning .notification-icon[data-v-23c3211c]{color:var(--warning-500)}.notification.info .notification-icon[data-v-23c3211c]{color:var(--info-500)}.notification-content[data-v-23c3211c]{flex-grow:1}.notification-title[data-v-23c3211c]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-1) 0}.notification.success .notification-title[data-v-23c3211c]{color:var(--success-700)}.notification.error .notification-title[data-v-23c3211c]{color:var(--error-700)}.notification.warning .notification-title[data-v-23c3211c]{color:var(--warning-700)}.notification.info .notification-title[data-v-23c3211c]{color:var(--info-700)}.notification-message[data-v-23c3211c]{font-size:var(--font-size-base);line-height:var(--line-height-normal);margin:0}.notification.success .notification-message[data-v-23c3211c]{color:var(--success-700)}.notification.error .notification-message[data-v-23c3211c]{color:var(--error-700)}.notification.warning .notification-message[data-v-23c3211c]{color:var(--warning-700)}.notification.info .notification-message[data-v-23c3211c]{color:var(--info-700)}.notification-close[data-v-23c3211c]{background:none;border:none;color:inherit;cursor:pointer;flex-shrink:0;margin-left:var(--spacing-2);opacity:.7;padding:var(--spacing-1);transition:opacity var(--transition-fast)}.notification-close[data-v-23c3211c]:hover{opacity:1}.notification-enter-active[data-v-23c3211c],.notification-leave-active[data-v-23c3211c]{transition:all .3s ease}.notification-enter-from[data-v-23c3211c],.notification-leave-to[data-v-23c3211c]{opacity:0;transform:translateY(-20px)}.dark .notification.success[data-v-23c3211c]{background-color:var(--success-900);border-color:var(--success-800)}.dark .notification.error[data-v-23c3211c]{background-color:var(--error-900);border-color:var(--error-800)}.dark .notification.warning[data-v-23c3211c]{background-color:var(--warning-900);border-color:var(--warning-800)}.dark .notification.info[data-v-23c3211c]{background-color:var(--info-900);border-color:var(--info-800)}.dark .notification.success .notification-message[data-v-23c3211c],.dark .notification.success .notification-title[data-v-23c3211c]{color:var(--success-200)}.dark .notification.error .notification-message[data-v-23c3211c],.dark .notification.error .notification-title[data-v-23c3211c]{color:var(--error-200)}.dark .notification.warning .notification-message[data-v-23c3211c],.dark .notification.warning .notification-title[data-v-23c3211c]{color:var(--warning-200)}.dark .notification.info .notification-message[data-v-23c3211c],.dark .notification.info .notification-title[data-v-23c3211c]{color:var(--info-200)}