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

.week-slider{
      width:100%;
      appearance:none;
      height:10px;
      border-radius:20px;
      background:#dce7e2;
      outline:none;
    }

.week-slider::-webkit-slider-thumb{
      appearance:none;
      width:24px;
      height:24px;
      border-radius:50%;
      background:#55a630;
      cursor:pointer;
      border:3px solid #fff;
    }

.week-value{
      margin-top:10px;
      font-size:14px;
      font-weight:bold;
      text-align:center;
    }

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

.result-card span{
      display:block;
    }

.label{
      font-size:14px;
      color:#365951;
      margin-bottom:8px;
    }

.value{
      font-size:20px;
      font-weight:bold;
      color:#192c27;
    }

.progress-container{
      margin-top:30px;
    }

.progress-label{
      display:flex;
      justify-content:space-between;
      margin-bottom:10px;
      color:#365951;
      font-weight:bold;
    }

.progress-bar{
      width:100%;
      height:18px;
      background:#dfe9e5;
      border-radius:30px;
      overflow:hidden;
    }

.progress-fill{
      height:100%;
      width:0%;
      background:linear-gradient(90deg,#007f5f,#55a630);
      border-radius:30px;
      transition:0.5s;
    }

.tips{
      margin-top:25px;
      background:#E6F0EE;
      padding:18px;
      border-radius:16px;
    }

.tips-title{
      font-size:16px;
      margin-bottom:10px;
      color:#007f5f;
      font-weight:bold;
    }