:root {
  --primary-color: #05662a;
  --secondary-color: #af940d;
  --hover-color: #3f4d0a;
  --background-color: #f8f7f7;
}
body { background-color: var(--background-color) !important; }
.text-primary { color: var(--primary-color) !important; }
.bg-primary { background-color: var(--primary-color) !important; }
.btn-primary { background-color: var(--primary-color) !important; border-color: var(--primary-color) !important; }
.btn-primary:hover, .btn-primary:focus { background-color: var(--hover-color) !important; border-color: var(--hover-color) !important; }
.btn-secondary { background-color: var(--secondary-color) !important; border-color: var(--secondary-color) !important; }
.btn-secondary:hover, .btn-secondary:focus { background-color: var(--hover-color) !important; border-color: var(--hover-color) !important; }
.border-primary { border-color: var(--primary-color) !important; }
.navbar .nav-link:hover { color: var(--hover-color) !important; }
.page-header {
  background: linear-gradient(rgba(24, 29, 56, .7), rgba(24, 29, 56, .7)), url(../web-admin/uploads/org/2151031927.webp) center/cover no-repeat !important;
}

/* Modern UI Enhancements */
.card {
    border: none !important;
    border-radius: 15px !important;
    box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
}
.card-header {
    background-color: #fff !important;
    border-bottom: 1px solid #e3e6f0 !important;
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important;
    padding: 1rem 1.35rem !important;
    font-weight: 700;
    color: var(--primary-color);
}
.btn {
    border-radius: 10px !important;
    padding: 0.375rem 1rem;
    transition: all 0.2s;
}
.btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}
.form-control {
    border-radius: 10px !important;
    padding: 0.75rem 1rem;
    border: 1px solid #d1d3e2;
}
.form-control:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--primary-color-rgb), 0.25);
    border-color: var(--primary-color);
}
table.dataTable {
    border-collapse: separate !important;
    border-spacing: 0;
}
.table thead th {
    background-color: var(--primary-color);
    color: #fff;
    border: none;
    padding: 1rem;
}
.table tbody td {
    padding: 1rem;
    vertical-align: middle;
}
.table-hover tbody tr:hover {
    background-color: rgba(0,0,0,.03);
}