:root{font-family:Arial,sans-serif;color:#183e4e;background:#f4f8fa;font-size:17px}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}header,footer{padding:24px max(20px,calc((100vw - 1120px)/2));background:white;border-bottom:1px solid #d7e2e7}header{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}a{color:#226a7b}main{max-width:1120px;margin:48px auto;min-height:65vh;padding:0 24px}h1{font-family:Georgia,serif;font-size:clamp(2rem,5vw,3rem);font-weight:400;line-height:1.15}h2{font-size:1.4rem;margin-top:32px}p{line-height:1.6}.eyebrow{font-size:.78rem;letter-spacing:.16em;font-weight:bold}#auth{max-width:650px}form,.card{background:white;padding:24px;border:1px solid #d7e2e7;border-radius:8px;margin:20px 0}label{display:block;font-weight:bold;margin:16px 0}input,select{display:block;width:100%;font:inherit;color:inherit;padding:13px;border:1px solid #a4b8c1;border-radius:4px;margin-top:8px;min-width:0}button{font:inherit;background:#193f51;color:white;border:1px solid #193f51;border-radius:5px;padding:12px 18px;cursor:pointer;margin:4px 5px 4px 0}button.secondary{background:white;color:#193f51}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #3396b2;outline-offset:3px}.bar{display:flex;justify-content:space-between;align-items:center;gap:16px}nav{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid #becfd6;padding-bottom:16px}nav button[aria-current=true]{background:#246e7f}#message:not(:empty){background:#e2f0f3;padding:16px;border-left:4px solid #267489;overflow-wrap:anywhere}.item{padding:20px 0;border-bottom:1px solid #d7e2e7;overflow-wrap:anywhere}.item strong{display:block;line-height:1.5}.muted{color:#526a75}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}#code{font-size:1.5rem;letter-spacing:.25em}.badge{display:inline-block;font-size:.8rem;padding:5px 8px;background:#e8eff2;margin-top:8px}small{display:block;line-height:1.5}footer{font-size:.85rem}@media(max-width:500px){main{padding:0 16px;margin:28px auto}form,.card{padding:16px}.bar{align-items:flex-start}header span{font-size:.85rem}button{max-width:100%}}

.profile-photo{width:96px;height:112px;object-fit:cover;border-radius:12px;margin-bottom:12px;}#photo-form{max-width:520px;}

.training-actions{display:flex;flex-wrap:wrap;gap:4px;margin:20px 0}.training-note{padding:16px;background:#e5eff3;border-radius:6px}.training-person{display:grid;grid-template-columns:minmax(120px,1fr) minmax(180px,1.4fr) minmax(100px,.7fr);gap:14px;align-items:center;border-bottom:1px solid #d7e2e7;padding:12px 0}.training-check{display:flex;gap:12px;align-items:center}.training-check input{width:22px;height:22px;margin:0}.training textarea{font:inherit;width:100%}.training h4{margin-bottom:8px}#training-confirm{border:2px solid #246e7f}details summary{padding:16px 0;cursor:pointer}@media(max-width:650px){.training-person{grid-template-columns:1fr}.training-actions button{flex:1 1 45%;font-size:.9rem}.training .grid{grid-template-columns:1fr}.training-person label{margin:4px 0}}
