body{font-family:Arial;background:#f5f5f5;margin:0}.container{width:80%;margin:40px auto auto;padding:20px;background:white;border-radius:10px;box-shadow:0 4px 10px #0000001a}h1{text-align:center;margin-bottom:20px}.search{width:100%;padding:12px;margin:20px 0;border-radius:8px;border:1px solid #ccc;outline:none}.search:focus{border-color:#007bff}table{width:100%;border-collapse:collapse;border-radius:8px;overflow:hidden}th{background:#007bff;color:#fff;cursor:pointer}th,td{padding:12px;text-align:left}tr:nth-child(2n){background:#f9f9f9}tr:hover{background:#eef5ff;transition:.2s}button{padding:8px 14px;border:none;background:#007bff;color:#fff;border-radius:6px;cursor:pointer;margin-bottom:15px}button:hover{background:#0056b3}