.messages {
    margin-bottom: 20px;
}

.message {
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 10px;
}

.message.success {
    background-color: var(--success-bg);
    color: var(--success-text);
}

.message.error {
    background-color: var(--danger-bg);
    color: var(--danger-text);
}

.badge {
    padding: 4px 8px;
    border-radius: 10px;
    font-size: 0.9em;
    display: inline-block;
}

.badge-success {
    background-color: var(--success-bg);
    color: var(--success-text);
}

.badge-danger {
    background-color: var(--danger-bg);
    color: var(--danger-text);
}