.modal{max-height:200px;overflow-y:auto;border-radius:4px}.modal div{padding:8px;cursor:pointer;border-bottom:1px solid #eee}.modal div:hover{background-color:#f0f0f0}form{display:flex;flex-direction:column;max-width:800px;margin:0 auto;padding:20px;background-color:#f9f9f9;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1)}label{font-size:16px;font-weight:700;margin-bottom:5px}input,select{width:100%;padding:10px;margin-right:5px;margin-bottom:10px;border:1px solid #ccc;border-radius:2px;font-size:14px;transition:border-color .3s ease,box-shadow .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.1)}input:focus,select:focus{outline:none;border-color:#66afe9;box-shadow:0 0 8px rgba(102,175,233,.6)}button{background-color:#4caf50;color:#fff;padding:12px 20px;margin-top:10px;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color .3s ease}button:hover{background-color:#45a049}@media (max-width:600px){form{padding:15px}input,select{font-size:12px}button{padding:10px;font-size:14px}}