:root{font-family:system-ui,sans-serif;color:#12233e;background:#f3f6fa}*{box-sizing:border-box}body{margin:0}main{max-width:1200px;margin:auto;padding:28px 20px 60px}a{color:#16498c}header{margin:28px 0}header p:first-child{font-size:12px;font-weight:700;letter-spacing:2px;color:#52647a}h1{font-size:36px;margin:8px 0}h2{font-size:22px}p{line-height:1.6;color:#52647a}section{background:white;border:1px solid #dde5ee;border-radius:16px;margin:20px 0;padding:24px}.table{overflow:auto}table{border-collapse:collapse;width:100%;margin-top:18px}th,td{text-align:left;vertical-align:top;padding:14px 12px;border-bottom:1px solid #e7edf4;font-size:14px}th{color:#52647a}button,select{font:inherit;border:1px solid #c6d1df;border-radius:8px;padding:10px}button{background:#0b3c91;color:white;cursor:pointer}button:disabled{opacity:.5;cursor:wait}label{display:block;white-space:nowrap;margin-bottom:8px}#status{padding:14px;background:#e8eef9;border-radius:10px}select{max-width:280px;background:white}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #d27a00;outline-offset:3px}@media(max-width:600px){main{padding:20px 12px}section{padding:16px}h1{font-size:30px}}