body { padding-bottom: 50px; background-color: var(--bs-body-bg); transition: background-color 0.3s, color 0.3s; }
        
        /* Light/Dark Mode Custom Colors */
        .section-card { background: var(--bs-body-bg); border: 1px solid var(--bs-border-color); padding: 20px; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); margin-bottom: 20px; }
        [data-bs-theme="dark"] .section-card { background-color: #212529; box-shadow: 0 2px 4px rgba(0,0,0,0.5); }
        
        /* Calendar Styles */
        .calendar-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 5px; margin-top: 10px; }
        .calendar-header { text-align: center; font-weight: bold; background-color: var(--bs-tertiary-bg); padding: 10px; border-radius: 4px; }
        .calendar-day { border: 1px solid var(--bs-border-color); padding: 15px 5px; text-align: center; border-radius: 4px; cursor: pointer; transition: 0.2s; min-height: 80px;}
        .calendar-day:hover:not(.past-day):not(.empty-day) { background-color: var(--bs-secondary-bg); }
        
        .day-has-goods { background-color: #cfe2ff; border-color: #9ec5fe; color: #084298; font-weight: bold; }
        [data-bs-theme="dark"] .day-has-goods { background-color: #0a58ca; border-color: #0d6efd; color: white; }
        
        .empty-day { background-color: transparent; border: none; cursor: default; }
        
        .past-day { background-color: var(--bs-secondary-bg); color: var(--bs-secondary-color); cursor: not-allowed; opacity: 0.6; }
        .past-day:hover { background-color: var(--bs-secondary-bg); }

        /* Fix table and list item text colors in dark mode */
[data-bs-theme="dark"] .table {
    --bs-table-color: var(--bs-body-color);
    --bs-table-border-color: var(--bs-border-color);
}

[data-bs-theme="dark"] .list-group-item {
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    border-color: var(--bs-border-color);
}

/* Ensure modal input text adapts to dark mode */
[data-bs-theme="dark"] .modal-content {
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
}