:root {
    --primary-color: #156322;
    accent-color: #156322;
    color-scheme: light;
}
body { background-color: #f0f2f5; }
.tab-content { display: none; }
.tab-content.active { display: block; animation: fadeIn 0.3s; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
.card-area { transition: transform 0.2s; border: none; }
.card-area:hover { transform: translateY(-5px); }
.main-content { padding-top: 70px; }
@media (min-width: 992px) {
    .offcanvas-lg {
        transform: none; visibility: visible;
        width: 280px; position: fixed;
        top: 56px; height: calc(100vh - 56px);
        border-right: 1px solid #dee2e6; z-index: 1020;
    }
    .main-content { margin-left: 280px; padding-top: 30px; }
    .navbar-toggler { display: none; }
}
.btn-primary { background-color: #156322 !important; border-color: #156322 !important; }
.bg-primary { background-color: #156322 !important; }
input:focus, select:focus {
    border-color: #156322 !important;
    box-shadow: 0 0 0 0.25rem rgba(21, 99, 34, 0.25) !important;
}
::selection { background-color: #156322; color: white; }
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator {
    filter: invert(24%) sepia(85%) saturate(443%) hue-rotate(85deg) brightness(92%) contrast(92%);
}
.nav-pills .nav-link.active { background-color: #156322 !important; }
.nav-link { color: #333; }
.nav-link:hover { color: #156322; }
#customer-name-header {
    display: block; margin-top: 0px; margin-bottom: 20px;
    font-size: 18px; font-weight: bold; color: var(--primary-color);
    text-align: center; text-transform: uppercase;
}
@media (min-width: 992px) {
    #customer-name-header { font-size: 28px; margin-top: 50px; margin-bottom: 40px; }
}