:root{font-family:system-ui,Segoe UI,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;color:#1f2933;background:#f4f6f8}*{box-sizing:border-box}body{margin:0}.container{max-width:1100px;margin:0 auto;padding:16px}.login{max-width:460px}.topbar{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #d9e2ec;padding-bottom:12px;margin-bottom:20px;flex-wrap:wrap;gap:8px}h1{font-size:20px;margin:8px 0}.badge{font-size:12px;background:#2b6cb0;color:#fff;padding:2px 8px;border-radius:10px;vertical-align:middle}.userbox{display:flex;align-items:center;gap:10px;font-size:14px}.company{color:#486581}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media (max-width: 900px){.grid{grid-template-columns:1fr}}.card{background:#fff;border:1px solid #e1e8ee;border-radius:10px;padding:18px}.card h2{margin-top:0;font-size:16px}label{display:block;font-size:13px;color:#486581;margin-bottom:12px}input,select{display:block;width:100%;margin-top:4px;padding:8px;border:1px solid #cbd2d9;border-radius:6px;font-size:14px}.row{display:flex;gap:10px;align-items:flex-end}.row .grow{flex:1}.row button{margin-bottom:12px;white-space:nowrap}button{background:#2b6cb0;color:#fff;border:0;border-radius:6px;padding:9px 16px;font-size:14px;cursor:pointer}button:hover{background:#245a94}button[type=button]{background:#52606d}.error{color:#c53030;font-size:13px}.ok{color:#276749;font-size:13px}.hint{color:#7b8794;font-size:12px;line-height:1.6}code{background:#f0f4f8;padding:1px 5px;border-radius:4px}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{border:1px solid #e1e8ee;padding:6px 8px;text-align:left;white-space:nowrap}th{background:#f0f4f8}