*{box-sizing:border-box}body{margin:0;background:#f3f6fa;color:#163149;font:16px system-ui}header{background:white;padding:18px max(5vw,20px);display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:3px solid #f77b12}header img{width:230px;max-width:50%}header span,small,.muted{color:#617387;font-size:14px}main{max-width:1120px;margin:32px auto;padding:0 22px}h1{font-size:clamp(26px,4vw,42px);margin:22px 0 8px}.notice{background:#fff0dc;padding:12px 16px;border-radius:8px}nav{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0}button{background:#07528c;border:0;border-radius:7px;color:white;padding:11px 17px;cursor:pointer;font:inherit}button:disabled{opacity:.45;cursor:default}button:hover:not(:disabled){background:#073b65}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}article,section#import{background:white;border:1px solid #d4e0eb;border-radius:12px;padding:20px}h3{margin:0 0 12px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#edf3f8;padding:18px;border-radius:8px}footer{margin-top:40px;padding-top:18px;border-top:1px solid #d4e0eb;font-size:13px;color:#617387}input{max-width:100%;margin:10px 0}#status{font-weight:600}[hidden]{display:none!important}
.button{display:inline-block;background:#07528c;border-radius:7px;color:#fff;text-decoration:none;padding:11px 17px}.button.secondary{background:#fff;color:#07528c;border:1px solid #07528c}.auth-card{max-width:480px;margin:30px auto;background:#fff;border:1px solid #d4e0eb;border-radius:12px;padding:26px}.auth-card h1{font-size:30px}.auth-card form label{display:block;font-weight:600;margin:16px 0}.auth-card form input:not([type=hidden]){display:block;width:100%;padding:10px;border:1px solid #b9c9d8;border-radius:6px;font:inherit}.form-error{color:#9f1b1b;background:#fff0f0;border-radius:6px;padding:10px}a{color:#07528c}