*{box-sizing:border-box}body{max-width:1200px;margin:auto;padding:clamp(12px,3vw,28px);font-family:system-ui,sans-serif;color:#173044;background:#f1f5f9;line-height:1.5}section{background:white;border:1px solid #dce5ed;border-radius:16px;margin:20px 0;padding:20px}h1,h2,h3{line-height:1.25}h2{font-size:22px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px}.card{background:#f0f9ff;border-radius:10px;padding:14px;min-width:0}.card strong{display:block;font-size:23px;margin-top:6px}.card small{display:block;color:#536779}form{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:16px 0}form h3,form small{flex-basis:100%}label{display:flex;flex-direction:column;gap:5px}input,button,select{min-height:46px;max-width:100%;padding:10px 14px;border:1px solid #94a3b8;border-radius:8px;font:inherit}button{background:#1d4ed8;color:white;cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}.table{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}td,th{padding:10px;text-align:left;border-bottom:1px solid #e2e8f0;overflow-wrap:anywhere}#connection{padding:12px;border-radius:8px;background:#e0f2fe}#connection[data-offline=true]{background:#fef3c7}@media(max-width:600px){section{padding:14px}form label,form button{width:100%}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card strong{font-size:20px}}@media(max-width:360px){.cards{grid-template-columns:1fr}}