:root{font-family:system-ui,sans-serif;color:#183243;background:#eef3f6}body{margin:0}main{max-width:1050px;margin:40px auto;padding:0 22px}header{padding:12px 0 25px}header span{font-weight:750;color:#2876a2}small{float:right;color:#586c79}h1{font-size:32px;max-width:760px;line-height:1.2}h2{font-size:20px;margin-top:0}p{line-height:1.6}section{background:white;border:1px solid #dbe5eb;border-radius:14px;padding:25px;margin-bottom:20px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}fieldset{border:0;padding:0;margin:0 0 22px;min-width:0}label{display:block;font-size:14px;font-weight:600}input,select{box-sizing:border-box;width:100%;padding:11px;border:1px solid #b9cbd6;border-radius:6px;margin-top:6px;font:inherit}button{border:0;border-radius:7px;padding:12px 17px;background:#286fa8;color:white;font:inherit;font-weight:600;cursor:pointer;margin:6px 0}button.secondary{background:#e7eef3;color:#234a66}button:disabled{opacity:.5;cursor:default}.note{font-size:13px;color:#526777}.check{line-height:1.6;margin:20px 0}.check input{width:auto;margin-right:7px}#status{background:#edf5fb;padding:14px;border-radius:7px;white-space:pre-wrap}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px;margin:20px 0}td,th{text-align:left;padding:12px;border-bottom:1px solid #e0e8ed}th{background:#f3f7fa}input:focus,button:focus,select:focus{outline:3px solid #9ed6f5;outline-offset:2px}@media(max-width:650px){.grid{grid-template-columns:1fr}h1{font-size:26px}small{float:none;display:block;margin-top:8px}}