:root{--ink:#0f1f33;--mut:#5d6f84;--line:#dde6ef;--soft:#f3f7fb;--brand:#1b4fd8;--brand-d:#143aa6;--ok:#157347;--okbg:#e6f4ec;--ko:#b3261e;--kobg:#fbe9e7;--wa:#8a5a00;--wabg:#fff4dc}
*{box-sizing:border-box}body{margin:0;font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--soft)}
.wrap{max-width:1040px;margin:0 auto;padding:0 18px}
header.top{background:#fff;border-bottom:1px solid var(--line)}.bar{display:flex;align-items:center;gap:20px;min-height:60px;flex-wrap:wrap}
.brand{display:flex;gap:9px;align-items:center;font-weight:800;color:var(--ink);text-decoration:none}
nav{display:flex;gap:4px;flex:1;flex-wrap:wrap}nav a{padding:8px 12px;border-radius:9px;color:#41536a;text-decoration:none;font-weight:600;font-size:.94rem}nav a:hover{background:var(--soft)}nav a.on{background:#e8efff;color:var(--brand)}
.who{display:flex;gap:12px;align-items:center;font-size:.92rem}.who a{color:var(--ink);text-decoration:none;font-weight:600}.who form{margin:0}
button.link{background:none;border:0;color:var(--brand);cursor:pointer;font:inherit;padding:0}
main{padding-top:22px;padding-bottom:48px}h1{font-size:1.6rem;margin:6px 0 18px}h2{font-size:1.15rem;margin:26px 0 10px}
.org{color:var(--mut);font-size:.9rem;margin:0}
.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:18px}
.msg{padding:12px 16px;border-radius:10px;margin-bottom:14px}.msg.ok{background:var(--okbg);color:var(--ok)}.msg.err{background:var(--kobg);color:var(--ko)}
.btn,button.btn{display:inline-block;background:var(--brand);color:#fff;border:0;border-radius:10px;padding:10px 18px;font:inherit;font-weight:600;text-decoration:none;cursor:pointer}.btn:hover{background:var(--brand-d)}
.btn.sec{background:#fff;color:var(--brand);border:1.5px solid var(--brand)}.btn.red{background:#fff;color:var(--ko);border:1.5px solid var(--ko)}.btn.sm{padding:5px 11px;font-size:.88rem}
label{display:block;font-weight:600;font-size:.92rem;margin:0 0 4px}.f{margin-bottom:14px}.f small{color:var(--mut);font-weight:400}
input[type=text],input[type=email],input[type=password],input[type=number],select{width:100%;padding:10px 12px;border:1.5px solid var(--line);border-radius:10px;font:inherit;background:#fff}
input:focus,select:focus{outline:2px solid var(--brand);border-color:transparent}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;font-size:.92rem}
th,td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#f6f9fd;color:var(--mut);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}tr:last-child td{border:0}
.tag{display:inline-block;padding:2px 9px;border-radius:99px;font-size:.78rem;font-weight:700}.t-ok{background:var(--okbg);color:var(--ok)}.t-wa{background:var(--wabg);color:var(--wa)}.t-ko{background:var(--kobg);color:var(--ko)}.t-gr{background:#eceff3;color:#59687a}
.num{font-size:2rem;font-weight:800;line-height:1}.mut{color:var(--mut)}
.scroll{overflow-x:auto}
.login{max-width:400px;margin:8vh auto}
#cc-drop{border:2px dashed #4FA9DE;border-radius:12px;padding:34px 16px;text-align:center;background:#f7fcff;cursor:pointer;margin-bottom:16px}
#cc-drop.over{background:#e3f3fc}#cc-drop b{display:block;font-size:1.05rem}#cc-name{margin-top:6px;font-weight:600}
.cc-ok{border-radius:12px;padding:14px 16px;background:var(--okbg);color:var(--ok)}.cc-ko{border-radius:12px;padding:14px 16px;background:var(--kobg);color:var(--ko)}.cc-warn{border-radius:12px;padding:12px 16px;background:var(--wabg);color:var(--wa);margin-top:10px}
.chk{display:flex;gap:8px;align-items:flex-start;margin-bottom:8px;font-weight:400}.chk input{margin-top:5px}
@media(max-width:760px){.grid2,.grid3{grid-template-columns:1fr}}