form{align-items:center;display:flex;gap:10px;margin-bottom:20px}form input[type=text]{border:1px solid #ccc;border-radius:5px;font-size:16px;padding:10px;transition:border-color .3s ease;width:300px}form input[type=text]:focus{border-color:#14233e;outline:none}form button{background-color:#14233e;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease}form button:hover{background-color:#0f1c2d}table{border-collapse:collapse;margin-top:10px;table-layout:auto;width:100%}table thead th{background-color:#f4f4f4;border:1px solid #ddd;color:#333;font-weight:700;padding:10px;text-align:left;white-space:nowrap}table tbody tr{border-bottom:1px solid #ddd;transition:background-color .3s ease}table tbody tr:nth-child(2n){background-color:#f9f9f9}table td{border:1px solid #ddd;padding:10px;text-align:left;word-wrap:break-word}table tbody tr:hover{background-color:#f1f1f1}@media (max-width:768px){form button,form input[type=text]{margin-bottom:10px;width:100%}form{flex-direction:column}table td,table thead th{font-size:14px}}