/* Dark Mode Styles */
body.dark-mode {
    background-color: #1a202c;
    color: #e2e8f0;
}

/* Card Styles */
body.dark-mode .card,
body.dark-mode .modal-content {
    background-color: #2d3748;
    border-color: #4a5568;
}

body.dark-mode .card-header,
body.dark-mode .modal-header,
body.dark-mode .modal-footer {
    background-color: #2d3748;
    border-color: #4a5568;
}

/* Form Controls */
body.dark-mode .form-control,
body.dark-mode .form-select,
body.dark-mode .form-check-input {
    background-color: #2d3748;
    border-color: #4a5568;
    color: #e2e8f0;
}

body.dark-mode .form-control:focus,
body.dark-mode .form-select:focus {
    background-color: #2d3748;
    color: #e2e8f0;
    border-color: #63b3ed;
}

/* Tables */
body.dark-mode .table {
    color: #e2e8f0;
}

body.dark-mode .table th,
body.dark-mode .table td {
    border-color: #4a5568;
}

body.dark-mode .table thead th {
    background-color: #2d3748;
    border-color: #4a5568;
}

body.dark-mode .table-striped > tbody > tr:nth-of-type(odd) > * {
    background-color: rgba(255, 255, 255, 0.05);
}

body.dark-mode .table-hover > tbody > tr:hover > * {
    background-color: rgba(255, 255, 255, 0.075);
}

/* Buttons */
body.dark-mode .btn-light {
    background-color: #4a5568;
    border-color: #4a5568;
    color: #e2e8f0;
}

body.dark-mode .btn-light:hover {
    background-color: #2d3748;
    border-color: #4a5568;
    color: #e2e8f0;
}

/* Alerts */
body.dark-mode .alert-light {
    background-color: #4a5568;
    border-color: #2d3748;
    color: #e2e8f0;
}

/* Navbar */
body.dark-mode .navbar-light {
    background-color: #2d3748 !important;
}

body.dark-mode .navbar-light .navbar-brand,
body.dark-mode .navbar-light .navbar-nav .nav-link {
    color: #e2e8f0;
}

/* Dropdown */
body.dark-mode .dropdown-menu {
    background-color: #2d3748;
    border-color: #4a5568;
}

body.dark-mode .dropdown-item {
    color: #e2e8f0;
}

body.dark-mode .dropdown-item:hover,
body.dark-mode .dropdown-item:focus {
    background-color: #4a5568;
    color: #e2e8f0;
}

/* List Group */
body.dark-mode .list-group-item {
    background-color: #2d3748;
    border-color: #4a5568;
    color: #e2e8f0;
}

/* Sidebar */
body.dark-mode .sidebar {
    background-color: #1a202c;
}

/* Links */
body.dark-mode a:not(.btn):not(.nav-link) {
    color: #63b3ed;
}

body.dark-mode a:not(.btn):not(.nav-link):hover {
    color: #90cdf4;
}

/* Borders */
body.dark-mode .border {
    border-color: #4a5568 !important;
}

body.dark-mode .border-top {
    border-top-color: #4a5568 !important;
}

body.dark-mode .border-bottom {
    border-bottom-color: #4a5568 !important;
}

body.dark-mode .border-left {
    border-left-color: #4a5568 !important;
}

body.dark-mode .border-right {
    border-right-color: #4a5568 !important;
}

/* Scrollbar */
body.dark-mode ::-webkit-scrollbar-track {
    background: #2d3748;
}

body.dark-mode ::-webkit-scrollbar-thumb {
    background: #4a5568;
}

body.dark-mode ::-webkit-scrollbar-thumb:hover {
    background: #718096;
}

/* Custom Elements */
body.dark-mode .main-content {
    background-color: #1a202c;
}

/* Dark mode toggle button */
body.dark-mode #darkModeToggle {
    background-color: #f7fafc;
    color: #1a202c;
}

body.dark-mode #darkModeIcon {
    display: none;
}

body.dark-mode #lightModeIcon {
    display: block;
}