/* ==================================================
   CARDS COMPONENT
   Card containers and headers
   ================================================== */

.card {
    background: var(--bg-secondary);
    border-radius: 0;
    padding: var(--spacing-lg);
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--border-color);
}

.card-header {
    margin-bottom: var(--spacing-md);
    padding-bottom: var(--spacing-md);
    border-bottom: 1px solid var(--border-color);
}