:root{font:16px/1.5 system-ui,sans-serif;color:#19251e;background:#f4f6f2;color-scheme:light}*{box-sizing:border-box}body{margin:0}main{max-width:1240px;margin:0 auto;padding:56px 28px}header{margin-bottom:36px}header>p:first-child{font-size:12px;letter-spacing:2px;font-weight:700;color:#526b59}h1{font-size:clamp(32px,5vw,56px);line-height:1.1;margin:12px 0}p{color:#526159}label{display:block;font-size:14px;font-weight:600}input,button{font:inherit;border:1px solid #c4cfc5;border-radius:6px;padding:10px 14px}input{background:#fff;color:#19251e;min-width:0}button{background:#183d2b;color:white;cursor:pointer}button:hover{background:#28563f}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible{outline:3px solid #679c72;outline-offset:3px}.connection{display:flex;gap:10px;margin-top:8px}.connection input{flex:1}.toolbar{display:flex;justify-content:space-between;gap:20px;align-items:end;margin:32px 0 16px}.toolbar input{display:block;width:min(480px,100%);margin-top:8px}.table-wrap{overflow:auto;background:white;border:1px solid #dce3da;border-radius:8px}table{border-collapse:collapse;width:100%;text-align:left;min-width:900px}th{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#526159;background:#eef2ec}td,th{padding:18px;border-bottom:1px solid #e4e9e1;vertical-align:top}td code{display:block;font-size:12px;margin-top:8px}td:last-child{width:260px}td input{width:78px;margin:0 8px 8px 0}td button{font-size:12px;margin:0 6px 6px 0}footer{margin-top:40px;color:#526159;font-size:13px}[hidden]{display:none!important}@media(max-width:600px){main{padding:28px 16px}.connection{flex-wrap:wrap}.connection input{flex-basis:100%}.toolbar{align-items:stretch;flex-direction:column}}
td label{margin:0 0 10px}td input[type=checkbox]{width:auto;margin:0 6px 0 0;padding:0}