.toggle-wrap{
      display:flex;
      gap:12px;
      flex-wrap:wrap;
    }

    .toggle{
      flex:1;
      background:#F2F7F6;
      border-radius:16px;
      padding:14px;
      text-align:center;
      cursor:pointer;
      transition:0.3s ease;
      font-weight:600;
      border:2px solid transparent;
    }

    .toggle.active{
      background:linear-gradient(135deg,#007f5f,#55a630);
      color:#ffffff;
      border-color:rgba(255,255,255,0.3);
    }

    .btn-group{
      display:flex;
      flex-wrap:wrap;
      gap:14px;
      margin-top:28px;
    }

    button{
      border:none;
      padding:15px 20px;
      border-radius:16px;
      cursor:pointer;
      font-size:1rem;
      font-weight:600;
      transition:0.3s ease;
      flex:1;
      min-width:180px;
    }

    .primary-btn{
      background:linear-gradient(135deg,#007f5f,#55a630);
      color:#ffffff;
      box-shadow:0 10px 20px rgba(0,127,95,0.25);
    }

    .secondary-btn{
      background:#365951;
      color:#ffffff;
    }

    .danger-btn{
      background:#d62828;
      color:#ffffff;
    }

    button:hover{
      transform:translateY(-3px);
    }

    .result-box{
      margin-top:28px;
      background:linear-gradient(135deg,#E6F0EE,#ffffff);
      border-radius:20px;
      padding:20px;
      text-align:center;
      border:2px dashed #55a630;
    }

    .main-number{
      font-size:3em;
      font-weight:600;
      color:#007f5f;
      margin-bottom:10px;
      word-break:break-word;
    }

    .result-text{
      color:#365951;
      font-size:1rem;
    }

    .stats{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:14px;
      margin-top:22px;
    }

    .stat-card{
      background:#F2F7F6;
      border-radius:16px;
      padding:18px;
      text-align:center;
    }

    .headi{
      font-size:2rem;
      color:#007f5f;
      margin-bottom:6px;
    }

    .stat-card p{
      color:#365951;
      font-size:0.9rem;
    }