*{box-sizing:border-box}body{margin:0;background:#eef2f7;color:#0b1f3f;font-family:system-ui,sans-serif;line-height:1.55}header{background:#0b1f3f;color:white;padding:18px clamp(16px,5vw,64px);display:flex;align-items:center;gap:24px;flex-wrap:wrap}header strong{font-size:27px}header small{display:block;color:#e8ce8a}#identity{margin-left:auto}main{max-width:1250px;margin:24px auto;padding:0 18px}section{background:white;border-radius:18px;padding:24px;box-shadow:0 5px 24px #0b1f3f0a}#login{max-width:460px;margin:28px auto}h1{font-size:26px;margin:5px 0 16px}label{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}input,select{font:inherit;padding:10px;border:1px solid #bdc9d8;border-radius:8px;min-width:0;max-width:100%;width:100%}button{font:inherit;cursor:pointer;border:0;border-radius:9px;padding:10px 16px;background:#0b1f3f;color:white}button:disabled{opacity:.5;cursor:wait}button:hover{background:#193962}nav{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid #e2e8f0;padding-bottom:18px;margin-bottom:20px}nav button.active{background:#c9972b;color:#0b1f3f}.notice{background:#fff1ce;padding:12px 18px;border-radius:12px;margin-bottom:20px}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.toolbar h1{margin-right:auto}.table-wrap{overflow:auto;border:1px solid #e2e8f0;border-radius:12px;margin-top:18px}table{width:100%;border-collapse:collapse;white-space:nowrap}td,th{padding:12px;text-align:left;border-bottom:1px solid #e2e8f0}th{background:#f5f7fb}td button{margin:3px;font-size:13px;padding:7px 10px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin:18px 0}.card{border:1px solid #dce3ec;border-radius:12px;padding:18px}.card strong{display:block;font-size:24px}.edit{background:#f6f8fc;border:1px solid #dce3ec;padding:18px;border-radius:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:16px 0}.edit label{margin:0}.edit button{align-self:end}#paging{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:20px}#status{color:#8c3700;white-space:pre-line}dialog{max-width:680px;width:calc(100% - 30px);border:0;border-radius:16px;padding:24px}dialog::backdrop{background:#0b1f3f80}dialog img{max-width:100%}footer{padding:24px;text-align:center;color:#65758a;font-size:13px}[hidden]{display:none!important}@media(max-width:600px){section{padding:16px}header{gap:10px}#identity{margin-left:0;font-size:13px}h1{font-size:22px}.toolbar button{flex:1}}@media print{body>*{visibility:hidden}dialog,dialog *{visibility:visible}dialog{position:absolute;inset:0;display:block;width:100%;max-width:none}dialog button{display:none}}