:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17253a;background:#f3f5f8;font-size:15px;line-height:1.65}
*{box-sizing:border-box}
body{margin:0}
header{max-width:1180px;margin:0 auto;padding:36px 24px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}
header small{font-size:11px;letter-spacing:2px;color:#62738c}
h1{font-size:27px;margin:2px 0;font-weight:650}
h2{font-size:19px;margin:0 0 12px}
h3{font-size:16px;margin-top:28px}
p{margin:10px 0 16px}
main{max-width:1180px;margin:auto;padding:0 24px}
section{background:#fff;border:1px solid #e2e7ee;border-radius:16px;padding:25px;margin-bottom:20px;box-shadow:0 4px 18px #1b365508}
.columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.summary section{padding:18px 22px}
.summary small{color:#64748b;display:block}
.summary strong{display:block;font-size:21px;margin-top:6px}
.login{max-width:440px;margin:36px auto}
label{display:block;margin:15px 0;color:#344459;font-weight:550}
input,select,textarea{display:block;width:100%;border:1px solid #ccd5e1;border-radius:8px;padding:11px 12px;font:inherit;color:#17253a;margin-top:6px;background:white}
textarea{resize:vertical}
.check{display:flex;align-items:center;gap:10px;margin:14px 0}
.check input{width:18px;height:18px;margin:0;accent-color:#2765c4}
button{font:inherit;border:0;background:#225bb2;color:white;padding:10px 19px;border-radius:8px;cursor:pointer}
button:hover{background:#174989}
button.secondary{background:#e4eaf2;color:#263b57;margin-left:12px}
input:focus,select:focus,textarea:focus,button:focus-visible{outline:3px solid #afc8ee;outline-offset:2px}
.muted{color:#63748a;font-size:13px}
.notice{background:#edf5ff;border:1px solid #cbdff8;padding:13px 16px;border-radius:10px;font-size:14px}
.danger{background:#fff5ee;border-color:#f2cfb7;color:#8a3c17}
.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse;font-size:13px}
th,td{text-align:left;border-bottom:1px solid #e8edf3;padding:10px 8px;vertical-align:top;overflow-wrap:anywhere}
th{color:#64748b;font-weight:550}
code{white-space:pre-wrap;word-break:break-all}
footer{padding:22px 0 34px;color:#78879a;font-size:12px;text-align:center}
@media(max-width:760px){.columns{grid-template-columns:1fr}.summary{grid-template-columns:1fr 1fr}header{padding-top:24px}header,main{padding-left:16px;padding-right:16px}section{padding:20px}h1{font-size:23px}.summary strong{font-size:17px}}