body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#f4f4f4;font-family:Arial,sans-serif;padding:5%}table{background:#fff;border-collapse:collapse;width:100%}td,th{padding:5px;text-align:center}input,td,th{border:1px solid #ddd}input{font-size:16px;height:75%;width:85%}th{background-color:#f8f8f8}button{border:none;margin:5px;padding:8px 12px}button.bg-green-500{background-color:#28a745;color:#fff}button.bg-red-500{background-color:#dc3545;color:#fff}button,input{border-radius:0;box-sizing:border-box;outline:none}button{cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#007bff}input{border:1px solid #ccc;border-radius:4px;padding:10px}input:focus{background-color:#f0f8ff;border-color:#007bff}button.bg-blue-500{background-color:#007bff;color:#fff}button.bg-blue-500:hover{background-color:#0056b3}