.input-group{
  margin-bottom:22px;
}

.grid-2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.section{
  margin-top:35px;
}

.section-title{
  font-size:16px;
  font-weight:500;
  color:#007f5f;
  margin-bottom:18px;
}

.result-card{
  background:#F2F7F6;
  border-left:6px solid #55a630;
  padding:22px;
  border-radius:18px;
  margin-bottom:18px;
}

.result-label{
  color:#365951;
  margin-bottom:10px;
  font-size:14px;
  font-weight:600;
}

.result-value{
  font-size:24px;
  font-weight:600;
  color:#192c27;
  line-height:1.4;
}

.status{
  display:inline-block;
  padding:12px 20px;
  border-radius:50px;
  font-weight:700;
  margin-top:10px;
}

.safe{
  background:#55a630;
  color:#ffffff;
}

.warning{
  background:#ffb703;
  color:#192c27;
}

.expired{
  background:#d62828;
  color:#ffffff;
}

.progress-box{
  margin-top:25px;
}

.progress-bar{
  width:100%;
  height:18px;
  background:#dfe7e3;
  border-radius:50px;
  overflow:hidden;
  margin-top:12px;
}

.progress{
  width:0%;
  height:100%;
  background:linear-gradient(90deg,#007f5f,#55a630);
  transition:1s;
}

.progress-text{
  margin-top:12px;
  color:#365951;
  line-height:1.7;
}

.feature-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.feature-card{
  background:#F2F7F6;
  padding:20px;
  border-radius:18px;
}

.feature-title{
  color:#365951;
  margin-bottom:10px;
  font-size:14px;
  font-weight:600;
}

.big-value{
  font-size:28px;
  font-weight:600;
  color:#192c27;
}

.risk{
  display:inline-block;
  padding:10px 18px;
  border-radius:40px;
  font-weight:600;
}

.low{
  background:#55a630;
  color:#ffffff;
}

.medium{
  background:#ffb703;
  color:#192c27;
}

.high{
  background:#d62828;
  color:#ffffff;
}

.health-box{
  background:#F2F7F6;
  padding:22px;
  border-left:6px solid #007f5f;
  border-radius:18px;
  line-height:1.8;
}

.ai-box{
  background:#F2F7F6;
  border-radius:20px;
  padding:22px;
}

.ai-item{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding-bottom:18px;
  margin-bottom:18px;
  border-bottom:1px solid #dce6e2;
}

.ai-item:last-child{
  margin-bottom:0;
  padding-bottom:0;
  border-bottom:none;
}

.ai-label{
  color:#365951;
  font-weight:600;
}

.ai-value{
  color:#192c27;
  font-weight:500;
  text-align:right;
}

.clock{
  font-size:24px;
  font-weight:500;
  color:#007f5f;
}