:root{font-family:Segoe UI,system-ui,sans-serif;color:#17243d;background:#f3f6fb}*{box-sizing:border-box}body{margin:0}main{max-width:1050px;margin:48px auto;padding:0 24px}header{margin-bottom:24px}.brand{font-size:12px;font-weight:700;letter-spacing:2px;color:#51647f}h1{font-size:34px;margin:10px 0}h2{font-size:21px;margin:0 0 18px}.card{background:white;border:1px solid #dce3ee;border-radius:14px;padding:26px;margin:22px 0;box-shadow:0 4px 20px #15213a05}label{display:block;margin:16px 0;font-weight:600;font-size:14px}input{display:block;width:100%;max-width:560px;padding:12px;border:1px solid #acb9ce;border-radius:7px;margin-top:7px;font:inherit}input:focus{outline:2px solid #2666c9;outline-offset:2px}input[readonly]{background:#f0f3f8}button{background:#245bd6;color:white;border:0;border-radius:7px;padding:11px 19px;font:600 14px Segoe UI,system-ui;cursor:pointer}button:hover{background:#1746b0}.secondary{background:#455774}.notice{padding:17px 20px;background:#e9f0ff;border-left:4px solid #386dd5;line-height:1.6;border-radius:5px}p{line-height:1.6;color:#526077}.table{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:13px 12px;border-bottom:1px solid #e2e8f1}th{color:#536780;background:#f6f8fc}.inline{display:inline}summary{cursor:pointer;font-weight:600;padding:20px 0 0}details form{padding-top:4px}form h2{margin-top:30px}@media(max-width:600px){main{margin:24px auto;padding:0 14px}h1{font-size:27px}.card{padding:18px}}