body{font-family:Arial,sans-serif;background-color:#f4f7fc;margin:0;padding:0}.container{max-width:1000px;margin:30px auto;background-color:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1)}h1{text-align:center;color:#2c3e50;font-size:2.4rem;margin-bottom:30px;font-weight:600}label{display:block;font-size:1rem;margin:12px 0 5px;color:#34495e}input[type=text],select{width:100%;padding:12px;font-size:1rem;border-radius:8px;border:1px solid #ddd;margin-bottom:20px;box-sizing:border-box;background-color:#f8f9fa;transition:all .3s ease}input[type=text]:focus,select:focus{outline:none;border-color:#3498db;background-color:#fff;box-shadow:0 0 8px rgba(52,152,219,.3)}button{width:100%;padding:15px;background-color:#3498db;color:#fff;font-size:1.1rem;border-radius:8px;border:none;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#2980b9}.fields.hidden{display:none}.result{margin-top:30px;background-color:#f0f4f7;padding:20px}#sqlQuery,.result{border-radius:8px;border:1px solid #ddd}#sqlQuery{font-family:Courier New,Courier,monospace;font-size:1.1rem;color:#2c3e50;background-color:#f8f9fa;padding:15px;white-space:pre-wrap;word-wrap:break-word;max-height:300px;overflow-y:auto}.fields{margin-bottom:30px}.fields label{font-weight:500}@media (max-width:768px){.container{padding:20px}h1{font-size:1.8rem}button{padding:12px;font-size:1rem}}