:root {--primary-color: #5c6bc0;--body-bg: #121212;--nav-bg: #1f2235;--nav-border: #2c314a;--card-bg: rgba(36, 41, 61, 0.95);--text-color: #f5f6fa;} body {background-color: var(--body-bg) !important;color: var(--text-color) !important;} header.navbar {background-color: var(--nav-bg) !important;color: var(--text-color) !important;border-bottom: 1px solid var(--nav-border);} .navigation {background: var(--nav-bg) !important;box-shadow: 2px 0 8px rgba(0, 0, 0, 0.05);} .navigation ul li a {color: var(--text-color) !important;} .navigation ul li.active {background: rgba(255, 255, 255, 0.1) !important;} .navigation ul li a .icon {color: var(--primary-color) !important;} .card {background-color: var(--card-bg) !important;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;border: none !important;} .btn-primary {background-color: var(--primary-color) !important;border-color: var(--primary-color) !important;color: #ffffff !important;} h1, h2, h3, h4, h5, h6 {color: var(--text-color);} footer {background-color: var(--nav-bg) !important;color: var(--text-color) !important;border-top: 1px solid var(--nav-border);} header.navbar .navbar-nav .nav-link, header.navbar .navbar-brand, header.navbar .navbar-nav .nav-item .nav-link {color: var(--text-color) !important;} table.display, table.table, table[role="table"], #data_table {background-color: var(--card-bg) !important;color: var(--text-color) !important;border-color: var(--nav-border) !important;} table.display thead, table.table thead, table[role="table"] thead, #data_table thead, table.table-dark thead {background-color: var(--nav-bg) !important;} table.display thead th, table.table thead th, table[role="table"] thead th, #data_table thead th {color: var(--text-color) !important;border-color: var(--nav-border) !important;} table.display tbody tr, table.table tbody tr, table[role="table"] tbody tr, #data_table tbody tr {background-color: var(--card-bg) !important;} table.display tbody tr.odd, table.table tbody tr.odd, table[role="table"] tbody tr.odd, #data_table tbody tr.odd, table.display tbody tr.dt-row-odd, table.table tbody tr.dt-row-odd, table[role="table"] tbody tr.dt-row-odd, #data_table tbody tr.dt-row-odd {background-color: var(--card-bg) !important;} table.display tbody tr.even, table.table tbody tr.even, table[role="table"] tbody tr.even, #data_table tbody tr.even, table.display tbody tr.dt-row-even, table.table tbody tr.dt-row-even, table[role="table"] tbody tr.dt-row-even, #data_table tbody tr.dt-row-even {background-color: rgba(255, 255, 255, 0.05) !important;} table.display tbody td, table.table tbody td, table[role="table"] tbody td, #data_table tbody td {background-color: inherit !important;} table.display tbody tr:nth-child(even), table.table tbody tr:nth-child(even), table[role="table"] tbody tr:nth-child(even), #data_table tbody tr:nth-child(even) {background-color: rgba(255, 255, 255, 0.05) !important;} table.display tbody tr:hover, table.table tbody tr:hover, table[role="table"] tbody tr:hover, #data_table tbody tr:hover {background-color: rgba(255, 255, 255, 0.1) !important;} table.display tbody td, table.table tbody td, table[role="table"] tbody td, #data_table tbody td {color: var(--text-color) !important;border-color: var(--nav-border) !important;} .dataTables_wrapper .dataTables_paginate .paginate_button {color: var(--text-color) !important;background-color: transparent !important;} .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {background-color: var(--primary-color) !important;border-color: var(--primary-color) !important;color: #fff !important;} .modal-content {background-color: var(--card-bg) !important;color: var(--text-color) !important;border: none !important;} .modal-header, .modal-footer {border-color: var(--nav-border) !important;} .navigation ul li a, .navigation ul li a .icon, .navigation ul li a .text {color: var(--text-color) !important;} .navigation ul li.active, .navigation ul li:hover {background-color: rgba(255, 255, 255, 0.08) !important;} .navigation ul li.active a .icon, .navigation ul li.active a .text {color: var(--primary-color) !important;} .sidebar-submenu {background-color: var(--nav-bg) !important;border-left: 1px solid var(--nav-border) !important;} .sidebar-submenu a {color: var(--text-color) !important;} .sidebar-submenu a:hover {background-color: rgba(255, 255, 255, 0.08) !important;}