.diary-card {
            border: none;
            border-radius: 12px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
        }
        .header-bg {
            background: rgba(233, 202, 5, 0.5);
            color: #212121;
            border-radius: 12px 12px 0 0 !important;
        }
        .dark-theme .header-bg {
            background: rgb(250, 204, 21);
        }
        .header-bg h2{
            font-size: 22px;
        }
        .header-bg p{
            color: rgba(0, 0, 0, 0.5);
            font-size: 14px;
        }
        .stat-card {
            background-color: #f8f9fa;
            border-radius: 4px;
        }
        .dark-theme .stat-card{
            background-color: #121212;
        }
        .expense-add-card{
            background-color: #f8f9fa;
            border-radius: 4px;
        }
        .dark-theme .expense-add-card{
            background-color: #121212;
        }
        #displayProjectName {
            font-size: 18px;
        }
        .dark-theme #displayProjectName {
            color: rgba(255, 255, 255, 0.9);
        }
        .form-label {
            margin-bottom: 7px;
            font-size: 14px;
            color: rgba(0, 0, 0, 0.5);
        }
        .dark-theme .form-label {
            color: rgba(255, 255, 255, 0.5);
        }
        .ed-form-control, .ed-form-control:hover, .ed-form-control:focus, .ed-form-control:active {
            box-shadow: none;
            font-size: 14px;
        }
        .dark-theme .ed-form-control, .dark-theme .ed-form-control:hover, .dark-theme .ed-form-control:focus, .dark-theme .ed-form-control:active {
            color: white;
            background-color: rgba(255, 255, 255, 0.1);
            border: 1px solid rgba(255, 255, 255, 0.15);
        }
        .dark-theme .ed-form-control::placeholder {
            color: white;
        }
        .ed-form-select, .ed-form-select:hover, .ed-form-select:focus, .ed-form-select:active {
            box-shadow: none;
            font-size: 14px;
            padding: 10px 15px;
            border-radius: 12px;
        }
        .dark-theme .ed-form-select, .dark-theme .ed-form-select:hover, .dark-theme .ed-form-select:focus, .dark-theme .ed-form-select:active {
            color: white;
            background-color: rgba(255, 255, 255, 0.1);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }
        .dark-theme .input-group-text{
            color: white;
            background-color: #121212;
            border: 1px solid rgba(255, 255, 255, 0.15);
            border-right: 0;
        }
        .dark-theme table thead tr th{
            background: #121212;
        }
        .dark-theme table tbody tr td, .dark-theme table tbody > tr:nth-of-type(2n+1) > *{
            background: #1f1f20 !important;
            color: white !important;
            border: 1px solid rgba(255, 255, 255, 0.1);
            --bs-table-bg-type: rgb(31, 31, 32);
        }
        .btn-success {
            --bs-btn-color: #fff;
            --bs-btn-bg: #1e5f3b;
            --bs-btn-border-color: #1e5f3b;
            --bs-btn-hover-color: #fff;
            --bs-btn-hover-bg: #1e5f3b;
            --bs-btn-hover-border-color: #1e5f3b;
            --bs-btn-focus-shadow-rgb: 60,153,110;
            --bs-btn-active-color: #fff;
            --bs-btn-active-bg: #1e5f3b;
            --bs-btn-active-border-color: #1e5f3b;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #fff;
            --bs-btn-disabled-bg: #1e5f3b;
            --bs-btn-disabled-border-color: #1e5f3b;
            padding: 10px 15px;
            border-radius: 12px;
            font-size: 14px;
        }
        .btn-primary {
            --bs-btn-color: #fff;
            --bs-btn-bg: #1e5f3b;
            --bs-btn-border-color: #1e5f3b;
            --bs-btn-hover-color: #fff;
            --bs-btn-hover-bg: #1e5f3b;
            --bs-btn-hover-border-color: #1e5f3b;
            --bs-btn-focus-shadow-rgb: 49,132,253;
            --bs-btn-active-color: #fff;
            --bs-btn-active-bg: #1e5f3b;
            --bs-btn-active-border-color: #1e5f3b;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #fff;
            --bs-btn-disabled-bg: #1e5f3b;
            --bs-btn-disabled-border-color: #1e5f3b;
            padding: 10px 15px;
            border-radius: 12px;
            font-size: 14px;
        }
        .btn-outline-secondary {
            --bs-btn-color: #000;
            --bs-btn-border-color: #000;
            --bs-btn-hover-color: #fff;
            --bs-btn-hover-bg: #000;
            --bs-btn-hover-border-color: #000;
            --bs-btn-focus-shadow-rgb: 108,117,125;
            --bs-btn-active-color: #fff;
            --bs-btn-active-bg: #000;
            --bs-btn-active-border-color: #000;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #000;
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: #000;
            --bs-gradient: none;
        }
        .dark-theme .btn-outline-secondary {
            --bs-btn-color: rgba(255, 255, 255, 0.75);
            --bs-btn-border-color: rgba(255, 255, 255, 0.75);
            --bs-btn-hover-color: #fff;
            --bs-btn-hover-bg: transparent;
            --bs-btn-hover-border-color: rgba(255, 255, 255, 0.75);
            --bs-btn-active-color: #fff;
            --bs-btn-active-bg: transparent;
            --bs-btn-active-border-color: rgba(255, 255, 255, 0.75);
            --bs-gradient: none;
        }
        .dark-theme .border-bottom {
            border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
        }
        #budgetSetupSection h4{
            font-size: 18px;
        }
        .dark-theme #displayBudget, .dark-theme #displaySpent, .dark-theme #displayBalance {
            color: rgba(255, 255, 255, 0.75);
        }
        .dark-theme .progress{
            --bs-progress-bg: rgba(233, 236, 239, 0.25);
        }
        .bg-success {
            background-color: rgb(30, 95, 59) !important;
        }
        .dark-theme .btn-close-dark-color{
            --bs-btn-close-bg: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABF0lEQVR4nO3ZWwrCMBAF0KxCi1CSO9uzyxWqq1GKCkW0mHReCblf/WmZQ9tkhoTQ09PT00wAnGOMg3UdMcZhqaXoZgATgDuA2RITn4j5VcuU/QAiOqSULssDUkq3cRxPQTkAju8aAFyLa7DEgAthiQE3wgIDKYQmBtIIDYwaQhKjjpDAmCE4MeYIDowbxB6MO0QJxi0iB+Me8Q+mGsQWpjrEjxliXl97GNSK30x1b2Kdj8/JbDjblSY+LXz5sT2MzVnZWp2qweCPJdY9Bhn7hFsMCjY7dxjs2LHdYMDQdphjwNg7mWEg0ACqYyDYxaphoNCKkzRGc54gKYzFUETcGMvJjrgwHsZT4sA0c/TWzGFoT09PT/CYByaRThR7RAbgAAAAAElFTkSuQmCC");
        }
        @media (max-width: 575px) {
            .header-bg h2 {
                font-size: 18px;
            }
            .header-bg p {
                font-size: 12px;
            }
            table thead tr th{
                font-size: 14px;
            }
            table tbody tr td{
                font-size: 12px;
            }
        }