.alert {
    padding: 0.9rem 1rem;
    border-radius: var(--radius-sm);
    margin-bottom: var(--spacing-md);
    font-size: 0.95rem;
    box-shadow: var(--shadow-sm);
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-sm);
    position: relative;
}

.alert::before {
    content: 'ℹ️';
    flex-shrink: 0;
}

.alert-success {
    background: #ecfdf5;
    color: #065f46;
    border-left: 3px solid var(--color-success);
}

.alert-success::before {
    content: '✓';
}

.alert-error {
    background: #fff5f5;
    color: #9b1c1c;
    border-left: 3px solid var(--color-danger);
}

.alert-error::before {
    content: '✕';
}

.alert-warning {
    background: #fffbeb;
    color: #92400e;
    border-left: 3px solid var(--color-warning);
}

.alert-warning::before {
    content: '⚠';
}