body{font-family:Arial,sans-serif;background:#f4f6f9;margin:0;padding:20px;}
.container{max-width:600px;margin:auto;background:white;padding:30px;border-radius:10px;box-shadow:0 0 15px rgba(0,0,0,0.1);}
h2{text-align:center;color:#333;}
label{display:block;margin:15px 0 5px;font-weight:bold;}
input, select{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;}
.req{color:red;}
.entry{margin:20px 0;padding:15px;background:#f9f9f9;border-radius:8px;}
button{
  margin-top:20px;padding:12px 20px;background:#28a745;color:white;border:none;border-radius:5px;cursor:pointer;font-size:16px;width:100%;
}
button:disabled{background:#999;}
#result{margin-top:20px;text-align:center;font-weight:bold;}


.searchable-select { position:relative; margin:15px 0; }
.searchable-select input[type=text] {
  width:100%; padding:12px; border:1px solid #ccc; border-radius:5px; font-size:16px;
}
.searchable-select .dropdown-list {
  position:absolute; top:100%; left:0; right:0; max-height:250px; overflow-y:auto;
  background:white; border:1px solid #ccc; border-top:none; z-index:99; display:none;
  box-shadow:0 4px 10px rgba(0,0,0,0.1); border-radius:0 0 5px 5px;
}
.searchable-select .dropdown-list .item {
  padding:12px 15px; cursor:pointer;
}
.searchable-select .dropdown-list .item:hover { background:#f0f8ff; }