*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;background:#f5f5f5;color:#333;line-height:1.6}.container{max-width:800px;margin:2rem auto;padding:1rem}h1{margin-bottom:1.5rem;font-weight:600}.form{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.form input{flex:1;min-width:150px;padding:.5rem .75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form input:focus{outline:none;border-color:#06c}.form button{padding:.5rem 1rem;background:#06c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem}.form button:hover{background:#05a}.form button:disabled{background:#999;cursor:not-allowed}.error{color:#c00;margin-bottom:1rem;padding:.5rem;background:#fee;border-radius:4px}table{width:100%;border-collapse:collapse;background:#fff;border-radius:4px;overflow:hidden;box-shadow:0 1px 3px #0000001a}th,td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #eee}th{background:#fafafa;font-weight:600}tr:last-child td{border-bottom:none}tr:hover{background:#fafafa}