/* Bootstrap Core CSS - Minimal version */
/* This is a simplified version. For production, use full Bootstrap */

:root {
    --bs-primary: #3498db;
    --bs-success: #27ae60;
    --bs-danger: #e74c3c;
    --bs-warning: #f39c12;
    --bs-info: #3498db;
    --bs-light: #f8f9fa;
    --bs-dark: #343a40;
}

.container { max-width: 1200px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; }
.container-fluid { width: 100%; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; }

.row { display: flex; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; }
.col, .col-md-3, .col-md-6 { flex: 1 0 0%; padding-right: 12px; padding-left: 12px; }

@media (max-width: 768px) {
    .col-md-3, .col-md-6 { flex: 0 0 100%; max-width: 100%; }
}

.form-inline { display: flex; flex-wrap: wrap; gap: 10px; }
.form-check { display: flex; align-items: center; }
.form-check-input { margin-right: 8px; cursor: pointer; }

.table-hover tbody tr:hover { background-color: #f5f5f5; }
.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.02); }

.w-auto { width: auto; }
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.fade { opacity: 0; transition: opacity 0.15s linear; }
.fade.show { opacity: 1; }