*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#f5f5f5;color:#333}html,body,#root{height:100%}h1{font-size:2em;margin-bottom:20px}h2{font-size:1.5em;margin-bottom:15px}h3{font-size:1.2em;margin-bottom:10px}p{margin-bottom:10px}button{font-size:1em;padding:10px 20px;margin:5px;cursor:pointer;background-color:#06c;color:#fff;border:none;border-radius:4px}button:hover{background-color:#0052a3}button:disabled{background-color:#ccc;cursor:not-allowed}input,textarea,select{font-size:1em;padding:8px;margin:5px 0;border:1px solid #ddd;border-radius:4px;width:100%;max-width:400px}input:focus,textarea:focus,select:focus{outline:2px solid #0066cc}table{width:100%;border-collapse:collapse;margin:20px 0}th,td{padding:12px;text-align:left;border-bottom:1px solid #ddd}th{background-color:#f9f9f9;font-weight:700}tr:hover{background-color:#f0f0f0}