font-family: Arial, sans-serif;font-family:Arial,sans-serif;
margin:0;
background:#f4f4f4;
color:#333;
}

header{
text-align:center;
padding:20px;
background:#222;
color:white;
}

header input{
margin-top:10px;
padding:10px;
width:60%;
border-radius:8px;
border:none;
}

.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:20px;
padding:20px;
}

.card{
background:white;
padding:15px;
border-radius:12px;
box-shadow:0 4px 10px rgba(0,0,0,0.1);
}

.card h2{
margin-top:0;
}

.buttons{
display:flex;
justify-content:space-between;
margin-top:15px;
}

.buttons a{
text-decoration:none;
padding:10px;
border-radius:8px;
background:#007bff;
color:white;
flex:1;
text-align:center;
margin-right:5px;
}

.buttons a.exe{
background:#28a745;
margin-right:0;
}

.buttons a:hover{
opacity:0.8;
}



  margin: 0;


  background: #f4f4f4;


  color: #333;


}





header {


  text-align: center;


  padding: 20px;


  background: #222;


  color: white;


}





header input {


  margin-top: 10px;


  padding: 10px;


  width: 60%;


  border-radius: 8px;


  border: none;


}





.grid {


  display: grid;


  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));


  gap: 20px;


  padding: 20px;


}





.card {


  background: white;


  padding: 15px;


  border-radius: 12px;


  box-shadow: 0 4px 10px rgba(0,0,0,0.1);


}





.card h2 {


  margin-top: 0;


}





.buttons {


  display: flex;


  justify-content: space-between;


  margin-top: 15px;


}





.buttons a {


  text-decoration: none;


  padding: 10px;


  border-radius: 8px;


  background: #007bff;


  color: white;


  flex: 1;


  text-align: center;


  margin-right: 5px;


}





.buttons a.exe {


  background: #28a745;


  margin-right: 0;


}





.buttons a:hover {


  opacity: 0.8;
}