/* Aiva/Moe modern dashboard theme (scoped) Apply by adding `class="aiva-ui"` on . */ body.aiva-ui { background: #f3f6fb !important; background-image: none !important; color: #0f172a; } body.aiva-ui .main-content, body.aiva-ui .section, body.aiva-ui .section-body { background: transparent !important; } body.aiva-ui .section .section-header { background: #ffffff; border: 1px solid #e7edf5; border-radius: 16px; box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06); } body.aiva-ui .card { border: 1px solid #e7edf5 !important; border-radius: 16px !important; box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06) !important; } body.aiva-ui .card-header { border-bottom: 1px solid #eef2f7 !important; padding: 18px 20px !important; border-top-left-radius: 16px; border-top-right-radius: 16px; } body.aiva-ui .card-header h4 { font-weight: 700; letter-spacing: -0.01em; color: #0f172a; } body.aiva-ui .card-body { padding: 20px !important; } body.aiva-ui .form-control, body.aiva-ui select.form-control, body.aiva-ui .select2-container--default .select2-selection--single { border-radius: 12px !important; border: 1px solid #dbe4ee !important; background: #ffffff !important; box-shadow: none !important; } body.aiva-ui .form-control:focus, body.aiva-ui .select2-container--default.select2-container--focus .select2-selection--single { border-color: #6b7bff !important; box-shadow: 0 0 0 4px rgba(103, 119, 239, 0.15) !important; } body.aiva-ui .btn { border-radius: 12px !important; font-weight: 600; } body.aiva-ui .btn.btn-link { border-radius: 10px !important; } body.aiva-ui .btn-primary { background: linear-gradient(135deg, #6777ef 0%, #4f5dff 100%) !important; border-color: transparent !important; box-shadow: 0 10px 20px rgba(103, 119, 239, 0.25) !important; } body.aiva-ui .btn-primary:hover { filter: brightness(0.98); } body.aiva-ui .btn-outline-primary, body.aiva-ui .btn-outline-success, body.aiva-ui .btn-outline-danger, body.aiva-ui .btn-outline-warning, body.aiva-ui .btn-outline-info { background: #f8fafc !important; } body.aiva-ui .table { border-color: #eef2f7 !important; } body.aiva-ui .table thead th { background: #f8fafc !important; color: #64748b !important; text-transform: uppercase; letter-spacing: 0.06em; font-size: 12px; border-bottom: 1px solid #eef2f7 !important; } body.aiva-ui .table tbody tr:hover { background: #fbfdff !important; } body.aiva-ui .dataTables_wrapper .dataTables_filter input { border-radius: 12px !important; border: 1px solid #dbe4ee !important; padding: 10px 12px !important; } body.aiva-ui .dataTables_wrapper .dataTables_paginate .paginate_button { border-radius: 10px !important; border: 1px solid #e7edf5 !important; background: #ffffff !important; } body.aiva-ui .dataTables_wrapper .dataTables_paginate .paginate_button.current, body.aiva-ui .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { background: #e8edff !important; border-color: #c9d2ff !important; color: #2b3fff !important; } body.aiva-ui .badge, body.aiva-ui .btn-group .btn, body.aiva-ui .btn.btn-sm { border-radius: 999px !important; } /* Fix FontAwesome/SVG centering inside statistic cards */ body.aiva-ui .card.card-statistic-1 .card-icon, body.aiva-ui .card.card-statistic-2 .card-icon, body.aiva-ui .card .card-statistic-3 .card-icon, body.aiva-ui .card .card-statistic-4 .card-icon { display: flex !important; align-items: center !important; justify-content: center !important; line-height: 1 !important; } body.aiva-ui .card.card-statistic-1 .card-icon i, body.aiva-ui .card.card-statistic-2 .card-icon i, body.aiva-ui .card .card-statistic-3 .card-icon i, body.aiva-ui .card .card-statistic-4 .card-icon i, body.aiva-ui .card.card-statistic-1 .card-icon svg, body.aiva-ui .card.card-statistic-2 .card-icon svg, body.aiva-ui .card .card-statistic-3 .card-icon svg, body.aiva-ui .card .card-statistic-4 .card-icon svg { display: block; margin: 0; }