@import url('https://googleapis.com'); body { font-family: 'Inter', sans-serif; background-color: #f8f9fa; color: #212529; padding: 20px; } .container-fluid { max-width: 1400px; margin: 0 auto; } .bg-white { background: #fff; padding: 25px; border-radius: 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.05); } .table { width: 100%; margin-bottom: 1rem; border-collapse: collapse; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6; padding: 8px; } .table-dark { background-color: #212529; color: #fff; } .form-control, .form-select { width: 100%; padding: 0.375rem 0.75rem; font-size: 0.875rem; border: 1px solid #ced4da; border-radius: 0.25rem; } .btn { display: inline-block; font-weight: 400; text-align: center; vertical-align: middle; user-select: none; padding: 0.375rem 0.75rem; font-size: 1rem; border-radius: 0.25rem; text-decoration: none; } .btn-primary { color: #fff; background-color: #0d6efd; border: 1px solid #0d6efd; cursor: pointer; } .btn-secondary { color: #fff; background-color: #6c757d; border: 1px solid #6c757d; } .text-center { text-align: center; } .mb-4 { margin-bottom: 1.5rem; } .mb-5 { margin-bottom: 3rem; } .mt-3 { margin-top: 1rem; } .d-grid { display: flex; gap: 10px; justify-content: flex-end; }