/* Landing page notification overrides — matches floating card style */
.notification-container {
    top: 24px;
    max-width: 520px;
}

.notification {
    border-radius: 14px;
    border-left: 5px solid;
    padding: 16px 20px;
    font-size: 14px;
    font-weight: 500;
    box-shadow: 0 8px 32px rgba(0,0,0,0.12), 0 2px 8px rgba(0,0,0,0.06);
    animation: notifSlideIn 0.35s ease;
}

@keyframes notifSlideIn {
    from { opacity: 0; transform: translateY(-16px) scale(0.97); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

.notification-success {
    background: #f0fdf4;
    color: #166534;
    border-color: #16a34a;
}

.notification-error {
    background: #fef2f2;
    color: #991b1b;
    border-color: #dc2626;
}

.notification-warning {
    background: #fffbeb;
    color: #92400e;
    border-color: #d97706;
}

.notification-info {
    background: #ecfeff;
    color: #155e75;
    border-color: #0891b2;
}

.confirm-dialog {
    border-radius: 16px;
    box-shadow: 0 25px 80px rgba(0,0,0,0.2), 0 8px 24px rgba(0,0,0,0.1);
    padding: 32px 36px 28px;
    animation: confirmSlideIn 0.3s ease;
}

.confirm-btn {
    border-radius: 10px;
    font-size: 14px;
    padding: 12px 24px;
}