.notification-card{color:var(--foreground);font-size:14px;font-weight:400;line-height:142.857%;border:1px solid var(--border);padding:12px 14px;display:flex;text-align:left;gap:12px;align-items:flex-start;background-color:var(--card);border-radius:var(--radius-md)}.notification-card .notification-icon{max-width:16px;max-height:16px}.notification-card .notification-title{color:var(--foreground);font-weight:600}.notification-card.success{background-color:var(--success-bg);border-color:var(--success);color:var(--success)}.notification-card.success .notification-title{color:var(--success)}.notification-card.alert{background-color:var(--warning-bg);border-color:var(--warning);color:var(--warning)}.notification-card.alert .notification-title{color:var(--warning)}.notification-card.error{background-color:var(--destructive-bg);border-color:var(--destructive);color:var(--destructive)}.notification-card.error .notification-title{color:var(--destructive)}.notification-card.autohide{animation-name:notificationAutohide;animation-duration:.5s;animation-delay:5s;animation-fill-mode:forwards}@keyframes notificationAutohide{0%{opacity:1}99%{opacity:0}to{display:none}}