*{box-sizing:border-box}body{margin:0;background:#f3f6fa;color:#203044;font:16px/1.6 system-ui,sans-serif}header{background:#142b4a;color:white;padding:18px 5%;display:flex;gap:24px;flex-wrap:wrap}header strong{font-size:24px}header span{color:#ccdaee}main{max-width:1100px;margin:28px auto;padding:24px;background:#fff;border-radius:12px}h1{margin-top:0}nav{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}nav a{background:#eaf1fa;padding:8px 14px;border-radius:6px;color:#163f71;text-decoration:none}form{max-width:620px;margin:16px 0}label{display:block;margin:12px 0;font-weight:600}input,textarea,select{display:block;width:100%;font:inherit;padding:10px;border:1px solid #aebdce;border-radius:6px;background:white}textarea{min-height:140px}button{font:inherit;border:0;border-radius:6px;background:#145cac;color:white;padding:10px 20px;cursor:pointer}.secondary{background:#596778}table{border-collapse:collapse;width:100%;font-size:14px}th,td{border:1px solid #d6dfe9;padding:10px;text-align:left;vertical-align:top;white-space:pre-wrap;overflow-wrap:anywhere}th{background:#eaf1fa}.scroll{overflow-x:auto}.error{color:#a51a26}.success{color:#12663d}.notice{background:#fff3d6;padding:16px;border-radius:8px}@media(max-width:700px){main{margin:10px;padding:16px}header{padding:14px}nav a{padding:7px 10px}}