:root{
  --green-600:#198754;
  --green-700:#137246;
  --muted:#6c757d;
}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial; background:#f7fdf7; margin:0; color:#1b2b1b;}
.navbar{background:var(--green-700);}
.navbar .navbar-brand, .navbar .nav-link{color:#fff;}
.navbar .nav-link:hover{opacity:0.9;}
.header-top{background:#0f5132; color:#fff; padding:6px 0; font-size:0.95rem;}
.header-top .container{display:flex; justify-content:space-between; align-items:center;}
.hero{height:60vh; display:flex; align-items:center; color:#fff; position:relative; overflow:hidden;}
.hero .overlay{position:absolute; inset:0; background:linear-gradient(90deg, rgba(19,114,70,0.55), rgba(25,135,84,0.25));}
.section-title{font-weight:700; border-left:5px solid var(--green-600); padding-left:12px; margin-bottom:18px;}
.card{border:0; box-shadow:0 6px 18px rgba(20,40,20,0.06);}
footer{background:var(--green-700); color:#e6f7ea; padding:30px 0; margin-top:40px;}
.stats .card{background:#fff; text-align:center;}
.news-list .card-img-left{width:45%; object-fit:cover;}
.news-list .card-body{width:55%;}
.list-ico{display:flex; gap:12px; flex-wrap:wrap;}
.list-ico .item{flex:0 0 23%; background:#fff; padding:14px; border-radius:8px; box-shadow:0 6px 18px rgba(10,30,10,0.04); text-align:center;}
.table-responsive{background:#fff; padding:12px; border-radius:8px;}
@media(max-width:768px){
  .news-list .card-img-left{width:100%; height:auto;}
  .news-list .card-body{width:100%;}
  .list-ico .item{flex:0 0 48%;}
}
.search-box{max-width:420px;}
.badge-green{background:var(--green-600); color:#fff; padding:6px 10px; border-radius:6px;}


.news-list .card {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.news-list .card-img-left {
  width: 45%;
  object-fit: cover;
}

.news-list .card-body {
  width: 55%;
}

@media (max-width: 768px) {
  .news-list .card {
    flex-direction: column !important;
  }
  .news-list .card-img-left {
    width: 100% !important;
    height: auto !important;
    border-bottom: 1px solid #eee;
  }
  .news-list .card-body {
    width: 100% !important;
  }
}