:root{font:16px system-ui,sans-serif;color:#17233c;background:#f0f4fa}body{margin:0}main{max-width:1050px;margin:auto;padding:32px 20px}header span{color:#315bd7;font-weight:800;font-size:26px}h1{font-size:34px;margin:12px 0}p{line-height:1.5}section{background:white;border:1px solid #d9e1ef;border-radius:16px;padding:24px;margin:20px 0}aside{background:#fff1d4;border-left:4px solid #c68b1b;padding:16px;border-radius:8px}label{display:block;margin:14px 0}input,select{display:block;box-sizing:border-box;width:100%;max-width:500px;padding:12px;border:1px solid #a9b6ce;border-radius:8px;font:inherit;margin-top:6px}button{background:#315bd7;color:white;border:0;padding:12px 18px;border-radius:8px;font:inherit;cursor:pointer}button:disabled{background:#8b97ad;cursor:default}article{overflow:auto;border-top:1px solid #d9e1ef;margin-top:20px}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:10px;border-bottom:1px solid #e4e9f2}th{background:#edf2fc}footer{font-size:14px;color:#52617a}#message{padding:12px 0;font-weight:600}