:root{font:15px/1.6 system-ui,sans-serif;color:#172b42;background:#f3f6fb}body{margin:0}header,main{max-width:1280px;margin:auto;padding:24px}h1{margin:0}h2{font-size:20px}h3{font-size:16px}section{background:white;border:1px solid #d8e0ec;border-radius:10px;margin:20px 0;padding:22px;overflow:auto}aside{padding:16px;border-left:5px solid #ba6b00;background:#fff1d4}button,input,select{font:inherit;padding:7px;border:1px solid #a6b5c9;border-radius:5px}button{cursor:pointer;background:#eef3fc;margin:5px;color:#153c76}button:disabled{opacity:.5;cursor:default}label{display:flex;flex-direction:column;gap:4px}.filters,.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.card{padding:14px;background:#edf2fa;border-radius:6px}.card strong{display:block;font-size:17px;overflow-wrap:anywhere}table{border-collapse:collapse;width:100%;font-size:14px}td,th{text-align:left;padding:10px;border-bottom:1px solid #dce4ef;max-width:300px;overflow-wrap:anywhere}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f6fa;padding:14px;max-height:550px;overflow:auto}#error,[id$=-error]{color:#8b3518}footer{color:#526174;padding:20px}input:focus,button:focus,select:focus{outline:3px solid #86b8ff}[hidden]{display:none!important}@media(max-width:650px){header,main{padding:12px}section{padding:14px}}
