:root{font-family:Arial,'Malgun Gothic',sans-serif;color:#172333;background:#f6f8fb}*{box-sizing:border-box}body{margin:0}main{width:min(420px,calc(100% - 40px));margin:12vh auto 40px}.brand{display:inline-grid;gap:8px;color:#152235;text-decoration:none;font-size:25px;font-weight:700}.brand span{font-size:9px;letter-spacing:3px;color:#68778c}section{margin-top:45px;padding:32px;background:#fff;border:1px solid #e3e8ef;border-radius:12px}.eyebrow{color:#61718a;font-size:12px}h1{font-size:25px;line-height:1.5;letter-spacing:-.8px;margin:14px 0 10px}p{font-size:14px;color:#64748b;line-height:1.8}button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:48px;margin-top:30px;background:white;border:1px solid #b7c2d0;border-radius:7px;font:600 14px inherit;color:#172333;cursor:pointer}button:hover{background:#f3f6fb}button:focus-visible{outline:3px solid #3455ef;outline-offset:3px}button:disabled{opacity:.6;cursor:wait}#login-status{font-size:12px;min-height:24px;color:#9a3412}.help{border-top:1px solid #edf0f4;padding-top:22px;margin-bottom:0;font-size:12px}footer{text-align:center;margin-top:28px;font-size:11px;color:#718198;letter-spacing:1px}@media(max-width:500px){main{margin-top:8vh}section{padding:26px}}
.staff-page main{width:min(820px,calc(100% - 40px));margin:48px auto}.staff-page section{margin-top:16px;padding:24px}.staff-page h2{font-size:16px;overflow-wrap:anywhere}.staff-page select{padding:10px;border:1px solid #b7c2d0;border-radius:6px;margin-right:24px;font:inherit}.staff-page label{white-space:nowrap}.staff-page section button{width:auto;padding:0 24px;margin-top:20px}.staff-page #staff-status{color:#24553e}
@media(max-width:500px){h1,p{word-break:keep-all;overflow-wrap:anywhere}.staff-page select{display:block;width:100%;margin:12px 0}.staff-page label{display:flex;align-items:center;gap:8px;min-height:44px}}