.card {
    background: white;
    border-radius: 8px;
    padding: 1.5rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.card-header {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #eee;
}

.card-title {
    margin: 0;
    font-size: 1.25rem;
    color: var(--dark-grey);
}

.card-body {
    margin-bottom: 1rem;
}

.card-footer {
    padding-top: 1rem;
    border-top: 1px solid #eee;
}

/* Card Variants */
.card-primary {
    border-top: 4px solid var(--primary-color);
}

.card-secondary {
    border-top: 4px solid var(--dark-grey);
}

.card-success {
    border-top: 4px solid #4CAF50;
}

.card-info {
    border-top: 4px solid #2196F3;
}

.card-warning {
    border-top: 4px solid #FF9800;
}

.card-danger {
    border-top: 4px solid #f44336;
}