:root{font-family:system-ui,sans-serif;color:#172c3d;background:#f4f6f8}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:16px 4%;background:#163f54;color:white}h1{font-size:1.3rem}main{max-width:1100px;margin:24px auto;padding:0 20px}.login{max-width:560px;background:white;padding:32px;border-radius:12px}section{margin:20px 0}nav,.actions{display:flex;gap:12px;flex-wrap:wrap}button,.button{padding:10px 16px;background:#17647c;color:white;border:0;border-radius:6px;cursor:pointer;font:inherit;text-decoration:none}button:disabled{opacity:.5;cursor:wait}button.danger{background:#a02c35}label{display:flex;flex-direction:column;gap:6px;margin:12px 0}label.inline{flex-direction:row;align-items:center}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0 20px}input,textarea,select{font:inherit;border:1px solid #9baab4;border-radius:5px;padding:10px;max-width:100%}input[type=checkbox]{width:auto}small{color:#4d626f}.notice{padding:12px;background:#fff4da;border-radius:6px}#status{padding:12px;background:#e2edf2;white-space:pre-wrap}.card{background:white;padding:18px;margin:12px 0;border:1px solid #dbe3e8;border-radius:8px}.photos{display:flex;gap:12px;flex-wrap:wrap}.photos img{max-width:220px;max-height:180px}button:focus-visible,a:focus-visible{outline:3px solid #ebbb38;outline-offset:3px}[hidden]{display:none!important}