body{font-family:sans-serif;margin:40px}body,input{background:#fff;color:#222}input{border:1px solid #bbb;margin-bottom:12px;padding:6px;width:320px}input::placeholder{color:#777}table{border-collapse:collapse;width:100%}tbody tr:nth-child(2n){background:#fafafa}td,th{border:1px solid #ccc;font-size:16px;padding:8px;vertical-align:top}th{background:#f4f4f4;cursor:pointer;transition:background-color .5s ease;user-select:none}th.sort-asc,th.sort-desc{background:#e0e0e0}th:hover{background:#b4c7f4}a{color:#1a5fd0;text-decoration:none;transition:color .15s ease,text-decoration-color .15s ease}a:hover{text-decoration:underline}