:root{font-family:Arial,sans-serif;color:#152b59;background:#f8f5ef}*{box-sizing:border-box}body{margin:0}header{padding:24px 5%;border-bottom:2px solid;display:flex;justify-content:space-between;align-items:center}a{color:inherit}main{max-width:1300px;margin:auto;padding:32px}h1{font-size:42px}h2{font-size:24px}label{display:block;font-weight:bold;margin:16px 0}input,select,textarea{display:block;padding:12px;width:100%;font:inherit;border:1px solid #8c96a7;border-radius:4px;margin-top:6px}button{background:#18366c;color:white;border:0;padding:12px 18px;font:inherit;cursor:pointer;border-radius:4px}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #dd3b70;outline-offset:3px}#login{max-width:440px;background:white;padding:28px;border:1px solid}.toolbar{display:flex;align-items:end;gap:16px}.toolbar label{flex:1}.layout{display:grid;grid-template-columns:1fr 1.3fr;gap:24px}.order{width:100%;text-align:left;display:block;margin-bottom:8px;background:white;color:#152b59;border:1px solid #b7becc}.order.active{border:3px solid #18366c}.order small{display:block;margin-top:8px}#detail{padding:24px;background:white;border:1px solid #b7becc;overflow-wrap:anywhere}pre{white-space:pre-wrap;font:inherit;line-height:1.6}nav{display:flex;align-items:center;gap:20px;margin-top:24px}.check{display:flex;gap:8px}.check input{width:auto}.event{padding:10px 0;border-top:1px solid #ddd;font-size:14px}#notice{color:#9b254c;min-height:24px}[hidden]{display:none!important}@media(max-width:700px){main{padding:18px}.layout{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:stretch}h1{font-size:32px}}