.result-box{
      background:#E6F0EE;
      padding:25px;
      border-radius:18px;
      margin-top:20px;
    }

    .result-value{
      font-size:2rem;
      font-weight:700;
      color:#007f5f;
      word-wrap:break-word;
    }

    .small-text{
      margin-top:10px;
      color:#365951;
      line-height:1.6;
    }

    .btn-group{
      display:flex;
      gap:12px;
      margin-top:20px;
      flex-wrap:wrap;
    }

    button{
      flex:1;
      padding:14px;
      border:none;
      border-radius:12px;
      background:#007f5f;
      color:white;
      cursor:pointer;
      font-size:1rem;
      font-weight:600;
      transition:0.3s;
    }

    button:hover{
      background:#55a630;
    }

    .history{
      margin-top:20px;
      max-height:200px;
      overflow-y:auto;
    }

    .history-item{
      padding:12px;
      background:#F2F7F6;
      border-radius:12px;
      margin-bottom:10px;
      font-size:0.95rem;
    }