html,body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;font-size:11pt;color:#111;background:#f5f6f8}
a{color:#0b4ea2;text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:1100px;margin:18px auto;padding:0 14px}
h1{margin:0 0 8px 0;font-size:18pt}
h2{margin:0 0 8px 0;font-size:14pt}
h3{margin:10px 0 8px 0;font-size:12pt}
.muted{color:#5b636f}
.top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}
.topBtns{display:flex;gap:8px;flex-wrap:wrap}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:900px){.grid2{grid-template-columns:1fr}.top{flex-direction:column}}
.card{background:#fff;border:1px solid #d9dee6;border-radius:10px;padding:12px;box-shadow:0 8px 22px rgba(0,0,0,.06)}
.subcard{background:#fbfcfe;border:1px solid #e3e8f0;border-radius:10px;padding:10px}
label{display:block;margin:8px 0}
input,select,button{font:inherit}
input,select{width:100%;box-sizing:border-box;padding:8px;border:1px solid #cfd6e2;border-radius:8px;background:#fff}
.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:700px){.row{grid-template-columns:1fr}}
.inline{display:flex;gap:8px;align-items:center}
.inline select{flex:1}
.inline input{flex:1}
.btn{padding:9px 12px;border-radius:10px;border:1px solid #c5cddc;background:#ffffff;cursor:pointer;box-shadow:0 3px 10px rgba(0,0,0,.08)}
.btn:hover{background:#f3f6fb}
.note{margin-top:10px;padding:10px;border:1px solid #e3e8f0;border-radius:10px;background:#fbfcfe;color:#2a3440;min-height:20px}
.tableWrap{overflow:auto;border:1px solid #e3e8f0;border-radius:10px}
.t{width:100%;border-collapse:collapse}
.t th,.t td{border-bottom:1px solid #e3e8f0;padding:8px;text-align:right;white-space:nowrap}
.t th:first-child,.t td:first-child{text-align:left}
.mono{white-space:pre-wrap;font-family:Consolas,Menlo,monospace;font-size:10.5pt}
.foot{margin:10px 0;color:#6a7482;font-size:10pt;display:flex;justify-content:space-between}
ul{margin:6px 0 0 18px}