:root{--navy:#1b3a7a;--ink:#12253d;--sub:#5b7290;--line:#e2e9f2;--bg:#f4f7fb;--r:#2a78d6;--a:#eb6834;--s:#1baf7a;--g:#7b4ddb;--shadow:0 2px 10px rgba(18,37,61,.07)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:Pretendard,Malgun Gothic,맑은 고딕,system-ui,sans-serif;-webkit-text-size-adjust:100%;word-break:keep-all;overflow-wrap:break-word;text-wrap:pretty}button,input,select,textarea{font:inherit;color:inherit}.top{background:var(--navy);color:#fff;padding:12px 15px 0;position:sticky;top:0;z-index:20}.top .t{display:flex;align-items:center;gap:9px}.top img.lg{width:34px;height:34px;object-fit:contain;background:#fff;border-radius:50%;padding:2px;flex:none}.top h1{margin:0;font-size:16px;font-weight:900;letter-spacing:-.6px}.top .u{font-size:11.5px;opacity:.75;margin-top:2px}.top .out{margin-left:auto;background:#ffffff24;border:0;color:#fff;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:700;cursor:pointer}.tabs{display:flex;gap:2px;margin-top:11px;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{background:none;border:0;color:#a9c1e2;padding:9px 11px;font-size:13.5px;font-weight:800;border-bottom:3px solid transparent;cursor:pointer;white-space:nowrap}.tabs button.on{color:#fff;border-bottom-color:#8ed6b5}.note{background:#fff3cd;color:#7a5b00;font-size:12px;padding:7px 15px;font-weight:700}.note.b{background:#e8f1ff;color:#1a4f96}main{padding:13px 13px 40px;max-width:760px;margin:0 auto}.c{background:#fff;border-radius:14px;box-shadow:var(--shadow);padding:14px;margin-bottom:11px}.c h2{margin:0 0 10px;font-size:14.5px;font-weight:900;letter-spacing:-.4px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.muted{color:var(--sub);font-size:12.5px;line-height:1.65}.muted,.fb,.note,.err,.ok{text-align:left}.tag{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800;background:#eef3f9;color:var(--sub)}.chip{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:800;color:#fff}.stat{display:flex;gap:8px}.stat>div{flex:1;background:#f7fafd;border:1.5px solid var(--line);border-radius:11px;padding:11px 5px;text-align:center}.stat b{display:block;font-size:20px;font-weight:900;letter-spacing:-1px}.stat small{font-size:11px;color:var(--sub);font-weight:700}.bar{height:10px;border-radius:6px;background:#e8eef6;overflow:hidden;margin:6px 0 3px}.bar i{display:block;height:100%;border-radius:6px}.row{display:flex;align-items:center;gap:9px;padding:10px 2px;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.row .g{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;color:#fff;font-weight:900;font-size:12px;flex:none}.row .n{flex:1;font-size:13px;font-weight:700;letter-spacing:-.2px;min-width:0}.row .m{font-weight:900;font-size:12.5px;color:var(--sub)}.ok{background:#eefaf4;border:1px solid #b8e6d2;color:#12724f;border-radius:9px;padding:8px 11px;font-size:12.5px;font-weight:700}label.f{display:block;font-size:12px;font-weight:800;color:var(--sub);margin:11px 0 5px}input[type=text],input[type=number],input[type=password],input[type=date],select,textarea{width:100%;border:1.5px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff}textarea{min-height:88px;resize:vertical;line-height:1.55}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:9px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.btn{background:var(--navy);color:#fff;border:0;border-radius:10px;padding:12px 16px;font-size:14px;font-weight:800;cursor:pointer;letter-spacing:-.3px;width:100%}.btn.s{background:#fff;color:var(--ink);border:1.5px solid var(--line)}.btn.g{background:var(--s)}.btn.o{background:var(--a)}.btn.w{width:auto}.btn:disabled{opacity:.45;cursor:default}.btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.q{border:1.5px solid var(--line);border-radius:11px;padding:11px;margin-bottom:8px}.q p{margin:0 0 8px;font-size:13px;font-weight:700;line-height:1.5}.o4{display:flex;gap:5px}.o4 button{flex:1;border:1.5px solid var(--line);background:#fff;border-radius:8px;padding:8px 0;font-size:11.5px;font-weight:800;color:var(--sub);cursor:pointer}.o4 button.on{background:var(--navy);border-color:var(--navy);color:#fff}.fb{background:#eafaf2;border:1.5px solid #bfe8d7;border-radius:11px;padding:12px;font-size:12.5px;line-height:1.65;color:#0e6d4c;font-weight:600}.fb.w{background:#fff5e8;border-color:#f5d4ae;color:#8a5312}.fb.r{background:#fdeeee;border-color:#f3c9c9;color:#a32b2b}table{width:100%;border-collapse:collapse;font-size:12.5px}th,td{padding:8px 4px;text-align:center;border-bottom:1px solid var(--line)}th{font-size:11px;color:var(--sub);font-weight:800}td.l,th.l{text-align:left}tbody tr:last-child td{border-bottom:0}.me{background:#eef6ff}.pick{display:flex;flex-wrap:wrap;gap:6px}.pick button{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:7px 12px;font-size:12.5px;font-weight:800;color:var(--sub);cursor:pointer}.pick button.on{background:var(--ink);border-color:var(--ink);color:#fff}.gate{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:26px 16px;background:var(--bg)}.gate .box{width:100%;max-width:380px}.gate .logo{text-align:center;margin-bottom:18px}.gate .logo img{width:88px;height:88px;object-fit:contain}.gate .logo h1{margin:11px 0 3px;font-size:20px;font-weight:900;letter-spacing:-1px}.gate .logo p{margin:0;font-size:12.5px;color:var(--sub);font-weight:700}.gate .fine{color:var(--sub);font-size:11.5px;line-height:1.75;margin-top:13px}.gate .fine p{margin:0 0 4px}.gate .fine p:last-child{margin-bottom:0}.err{background:#fdeeee;border:1px solid #f3c9c9;color:#b03535;border-radius:9px;padding:9px 11px;font-size:12.5px;font-weight:700;margin-top:10px}.foot{color:var(--sub);font-size:11.5px;padding:16px 0 6px;line-height:1.7;text-align:center}.foot p{margin:0 0 3px}.mark{margin-top:10px;text-align:center;color:var(--sub);opacity:.55;font-size:11px;font-weight:700;letter-spacing:.3px}.lock{position:fixed;top:0;right:0;bottom:0;left:0;background:#12253df0;color:#fff;z-index:99;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center}.lock h2{font-size:20px;font-weight:900;margin:0 0 10px}.lock p{font-size:14px;line-height:1.7;opacity:.85;max-width:320px;margin:0}@media (max-width:420px){.grid2{grid-template-columns:1fr}}.print-area{display:none}@media print{.top,.note,.pick,.btns,.foot,.no-print{display:none!important}body{background:#fff}main{padding:0;max-width:none}main>.c{display:none}.print-area{display:block}.print-area .sheet{display:block;box-shadow:none;border:0;padding:0 0 10mm;page-break-after:always;margin:0}.print-area .sheet:last-child{page-break-after:auto}@page{size:A4;margin:14mm}}