:root{font-family:system-ui,-apple-system,"Noto Sans JP",sans-serif;color:#17243b;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:16px;background:#122a4d;color:white;padding:18px max(22px,calc((100vw - 1100px)/2))}header strong{font-size:19px}header span{opacity:.85;font-size:14px}header button{margin-left:auto}main{max-width:1100px;margin:32px auto;padding:0 20px}.panel{background:white;border:1px solid #e1e8f1;border-radius:16px;padding:24px;box-shadow:0 5px 24px #15243a0a}#loginPanel{max-width:460px;margin:70px auto}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.toolbar h1{margin-bottom:3px}.toolbar p{margin-top:0;color:#66758b}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}.metrics article{background:white;border:1px solid #e1e8f1;border-radius:14px;padding:22px}.metrics small{display:block;color:#60708a}.metrics strong{display:block;font-size:34px;margin-top:6px}nav{display:flex;gap:8px;margin:20px 0}button{border:0;border-radius:9px;padding:11px 18px;background:#2468dc;color:white;font-weight:650;cursor:pointer}nav button{background:#e2eaf6;color:#223c62}nav button.selected{background:#2468dc;color:white}form{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:16px 0}label{display:flex;flex-direction:column;gap:7px;flex:1;min-width:190px;font-size:14px;font-weight:600}input,select{padding:12px;border:1px solid #c9d3e0;border-radius:9px;font:inherit;max-width:100%}.records{display:grid;gap:8px;margin-top:20px}.record{display:flex;justify-content:space-between;gap:15px;background:#f6f9fd;border-radius:10px;padding:14px}.record small{color:#61718a}#message{min-height:25px;color:#b33c30;white-space:pre-wrap}@media(max-width:650px){.metrics{grid-template-columns:1fr}.toolbar{display:block}header{flex-wrap:wrap}main{margin-top:16px}}