body { background-color: #f4f7f6; }
.stats-card { border: none; border-radius: 10px; transition: transform 0.2s; cursor: pointer; }
.stats-card:hover { transform: translateY(-5px); }
.table-container { background: white; border-radius: 10px; padding: 20px; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); }
.nav-link { color: #333; padding: 10px 15px; border-radius: 5px; margin-bottom: 5px; }
.nav-link:hover, .nav-link.active { background-color: #e9ecef; color: #156322; }
.view-section { display: none; }
.view-section.active { display: block; }
.nav-link i { margin-right: 10px; }
.offcanvas, .offcanvas-lg { width: 280px !important; }
#login-container { max-width: 400px; margin: 100px auto; }
#main-content { display: none; }

.navbar-logo { max-height: 50px; margin-right: 12px; border-radius: 5px; margin-top: -5px; margin-bottom: -5px; filter: drop-shadow(0px 0px 1px rgb(255, 255, 255));}
.custom-navbar { 
    background: linear-gradient(45deg, #2e8b3f 0%, #156322 100%) !important; 
    width: 100% !important;
    left: 0 !important;
    margin-left: 0 !important;
    border-radius: 0 !important;
}

.text-primary { color: #156322 !important; }
.bg-primary { background-color: #156322 !important; }
.border-primary { border-color: #156322 !important; }

.btn-primary { 
    background-color: #156322 !important; 
    border-color: #156322 !important; 
}
.btn-primary:hover { background-color: #114d1a !important; border-color: #114d1a !important; }
.btn-outline-primary {
    color: #156322 !important;
    border-color: #156322 !important;
}
.btn-outline-primary:hover { background-color: #156322 !important; color: white !important; }
.btn-navbar-toggle {
    background-color: transparent !important;
    border: 2px solid white !important;
    color: white !important;
    box-shadow: none !important;
}
.btn-navbar-toggle:hover { background-color: rgba(255, 255, 255, 0.1) !important; border-color: white !important; }