:root{--ink:#0E1013;--ink2:#33383F;--mut:#71767E;--fnt:#A2A7AE;--bg:#EFEFEC;--sf:#FFFFFF;--sk:#EDEDEA;--sk2:#F9F9F7;--ru:#E5E5E1;--ru2:#D2D2CC;--ac:#22304A;--ac-sk:#EEF1F6;--ac-ru:#C2CBDA;--sg:#0C6B4F;--sg-sk:#E9F4F0;--al:#AF2B22;--al-sk:#FBEDEC;--wn-bg:#FFFBEF;--wn-ru:#E8D9A8;--wn-tx:#7A5A14;--mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--sans:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;--r:10px;--r2:9px;--r3:6px;--ease:cubic-bezier(.22,.61,.36,1);--sbw:238px;--sbw-min:64px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;font-family:var(--sans);color:var(--ink);font-size:14px;letter-spacing:-.006em;-webkit-font-smoothing:antialiased;background:var(--bg)}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--ac);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.ctl{width:100%;height:40px;padding:0 12px;background:var(--sf);border:1px solid var(--ru2);border-radius:var(--r2);font-size:13.5px;transition:border-color .15s,box-shadow .15s}.ctl::placeholder{color:var(--fnt)}.ctl:focus{border-color:var(--ac);box-shadow:0 0 0 3px #22304a1a;outline:none}.ctl.mono{font-family:var(--mono);letter-spacing:.02em}.ctl.bad{border-color:var(--al)}.ctl:disabled{background:var(--sk);color:var(--fnt);cursor:not-allowed}select.ctl{cursor:pointer}.btn{height:40px;padding:0 16px;border-radius:var(--r2);border:1px solid var(--ink);background:var(--ink);color:#fff;font-size:13.5px;font-weight:600;cursor:pointer;transition:all .15s var(--ease)}.btn:hover:not(:disabled){background:var(--ac);border-color:var(--ac)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{background:var(--sk);color:var(--fnt);border-color:var(--ru);cursor:not-allowed}.btn.ghost{background:var(--sf);color:var(--ink2);border-color:var(--ru2)}.btn.ghost:hover:not(:disabled){background:var(--sk);color:var(--ink)}.btn.sm{height:32px;padding:0 11px;font-size:12px}.err{display:flex;gap:8px;padding:10px 11px;border-radius:var(--r2);background:var(--al-sk);color:var(--al);font-size:11.5px;line-height:1.55;margin-bottom:13px}.err b{font-weight:700}.warnbox{padding:10px 11px;border-radius:var(--r2);background:var(--wn-bg);border:1px solid var(--wn-ru);font-size:11px;color:var(--wn-tx);line-height:1.6}.badge{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:600;padding:2px 7px;border-radius:999px;background:var(--sk);color:var(--mut)}.badge.ac{background:var(--ac-sk);color:var(--ac)}.badge.sg{background:var(--sg-sk);color:var(--sg)}.badge.al{background:var(--al-sk);color:var(--al)}.chip{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--ru2);background:var(--sf);font-size:12px;color:var(--ink2);cursor:pointer;white-space:nowrap}.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}.swatch{width:13px;height:13px;border-radius:3px;border:1px solid rgba(14,16,19,.14);flex:0 0 auto}.lshell{min-height:100dvh;display:grid;place-items:center;padding:clamp(14px,3.4vw,44px);background:radial-gradient(760px 460px at 18% 8%,#f7f7f5,#f7f7f500 62%),radial-gradient(680px 520px at 88% 92%,#e7e9e7,#e7e9e700 60%),var(--bg)}.lcard{width:100%;max-width:1020px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);background:var(--sf);border-radius:20px;overflow:hidden;box-shadow:0 28px 72px #0e101326,0 3px 10px #0e10130f,0 0 0 1px #0e10130b;min-height:min(560px,calc(100dvh - (2*clamp(14px,3.4vw,44px))))}.lvis{position:relative;background:#12151a;color:#fff;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:26px}.lvis .gl{position:absolute;border-radius:50%;filter:blur(72px);pointer-events:none}.lvis .gl.a{width:400px;height:400px;background:#263b60;right:-130px;top:-140px;opacity:.62}.lvis .gl.b{width:300px;height:300px;background:#1b2a44;left:-120px;bottom:-130px;opacity:.5}.lvis .art{position:absolute;left:50%;top:50%;transform:translate(-50%,-46%);width:104%;z-index:2;pointer-events:none}.lvis .art svg{width:100%;height:auto;display:block}@media (max-width:840px){.lvis .art{width:68%;left:auto;right:-4%;top:50%;transform:translateY(-50%)}}.vlogo{position:relative;z-index:3;display:flex;align-items:center;gap:10px}.vlogo .m{width:29px;height:29px;border-radius:8px;background:#fff;color:#12151a;display:grid;place-items:center;font-family:var(--mono);font-size:15px;font-weight:600}.vlogo b{font-size:15px;font-weight:650}.vlogo span{font-size:15px;color:#ffffff7a}.vcap{position:relative;z-index:3;font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;color:#ffffff4d}.lpane{display:flex;align-items:center;justify-content:center;padding:clamp(26px,4vw,44px) clamp(22px,3.4vw,40px)}.lform{width:100%;max-width:312px}.lform h1{margin:0 0 5px;font-size:22px;font-weight:650;letter-spacing:-.035em}.lform .lead{margin:0 0 24px;font-size:12px;color:var(--mut);line-height:1.6}.fg{margin-bottom:13px}.fg label{display:block;font-size:11px;font-weight:600;color:var(--ink2);margin-bottom:6px}.pw{position:relative}.pw .ctl{padding-right:50px}.eye{position:absolute;right:5px;top:3px;height:34px;padding:0 10px;border:0;background:none;cursor:pointer;font-size:11px;color:var(--mut);border-radius:var(--r3)}.eye:hover{background:var(--sk);color:var(--ink)}.note{margin-top:18px;padding-top:15px;border-top:1px solid var(--ru);font-size:11px;color:var(--mut);line-height:1.65}.note b{color:var(--ink2)}.note code{font-family:var(--mono);background:var(--sk);border-radius:3px;padding:1px 4px}.lnk{font-size:11.5px;color:var(--mut);background:none;border:0;cursor:pointer;padding:0}.lnk:hover{color:var(--ink);text-decoration:underline}@media (max-width:840px){.lcard{grid-template-columns:1fr}.lvis{min-height:150px}.vcap{display:none}}.mscrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:85;background:#0e101380;display:grid;place-items:center;padding:16px}.mbox{width:100%;max-width:398px;background:var(--sf);border-radius:15px;box-shadow:0 24px 60px #0e10134d;overflow:hidden}.mh{display:flex;gap:12px;align-items:flex-start;padding:18px 18px 14px}.mh .ic{width:34px;height:34px;border-radius:10px;flex:0 0 auto;display:grid;place-items:center;background:var(--ac-sk);color:var(--ac);font-weight:700}.mh .ic.ok{background:var(--sg-sk);color:var(--sg)}.mh .tx b{display:block;font-size:15px;font-weight:650;margin-bottom:4px}.mh .tx p{margin:0;font-size:12px;color:var(--mut);line-height:1.6}.mbody{padding:0 18px 16px}.rules{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.rule{display:inline-flex;align-items:center;gap:4px;font-size:10px;padding:3px 7px;border-radius:999px;background:var(--sk);color:var(--mut)}.rule.ok{background:var(--sg-sk);color:var(--sg)}.rule.ng{background:var(--al-sk);color:var(--al)}.mf{display:flex;gap:8px;padding:12px 18px;background:var(--sk2);border-top:1px solid var(--ru)}.mf .btn{flex:1}.app{min-height:100dvh}.sb{position:fixed;left:0;top:0;bottom:0;z-index:60;width:var(--sbw);background:#12151a;color:#fff;display:flex;flex-direction:column;padding:16px 12px;transition:transform .2s var(--ease)}.sb .brand{display:flex;align-items:center;gap:9px;padding:6px 8px 16px}.sb .brand .m{width:26px;height:26px;border-radius:7px;background:#fff;color:#12151a;display:grid;place-items:center;font-family:var(--mono);font-weight:600;font-size:14px}.sb .brand b{font-size:14px;font-weight:650}.sb .brand span{font-size:13px;color:#ffffff6b}.nav{display:flex;flex-direction:column;gap:2px;margin-top:6px}.nav a{display:flex;align-items:center;gap:10px;height:38px;padding:0 11px;border-radius:8px;color:#ffffffa8;font-size:13px;font-weight:500}.nav a:hover{background:#ffffff0f;color:#fff}.nav a.on{background:#ffffff1f;color:#fff}.nav a .badge{margin-left:auto}.sb .foot{margin-top:auto;padding:8px;border-top:1px solid rgba(255,255,255,.08);font-size:11px;color:#fff6}.sbscrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:59;background:#0e101370;opacity:0;pointer-events:none;transition:opacity .18s}.sbscrim.on{opacity:1;pointer-events:auto}.main{margin-left:var(--sbw);min-height:100dvh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:40;height:56px;display:flex;align-items:center;gap:12px;padding:0 20px;background:#efefecdb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--ru)}.topbar .ham{display:none;width:36px;height:36px;border-radius:8px;border:1px solid var(--ru2);background:var(--sf);cursor:pointer}.topbar .search{flex:1;max-width:420px;height:36px;display:flex;align-items:center;gap:8px;padding:0 11px;border-radius:999px;border:1px solid var(--ru2);background:var(--sf);color:var(--mut);font-size:12.5px;cursor:pointer}.topbar .kbd{margin-left:auto;font-family:var(--mono);font-size:10px;color:var(--fnt);border:1px solid var(--ru2);border-radius:5px;padding:1px 5px}.topbar .who{display:flex;align-items:center;gap:9px;margin-left:auto}.avatar{width:30px;height:30px;border-radius:50%;background:var(--ac);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:600}.topbar .who .nm{font-size:12.5px;font-weight:600}.content{flex:1;padding:20px clamp(14px,3vw,28px) 60px;max-width:1320px;width:100%;margin:0 auto}.page-h{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.page-h h1{margin:0;font-size:20px;font-weight:650;letter-spacing:-.03em}.page-h .sub{font-size:12px;color:var(--mut);margin-top:3px}.card{background:var(--sf);border:1px solid var(--ru);border-radius:14px;padding:16px}.card h2{margin:0 0 12px;font-size:14px;font-weight:650}.muted{color:var(--mut)}@media (max-width:980px){.sb{transform:translate(-100%)}.sb.open{transform:none}.main{margin-left:0}.topbar .ham{display:grid;place-items:center}.topbar .who .nm{display:none}}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.kpi{background:var(--sf);border:1px solid var(--ru);border-radius:14px;padding:14px 16px}.kpi .k{font-size:11.5px;color:var(--mut);font-weight:600}.kpi .v{font-size:26px;font-weight:700;letter-spacing:-.03em;margin-top:6px;font-variant-numeric:tabular-nums}.dgrid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:14px;align-items:start}.dgrid.solo{grid-template-columns:minmax(0,1fr);max-width:760px}.prow{display:flex;align-items:center;gap:12px;padding:11px 8px;border-radius:9px;cursor:pointer}.prow:hover{background:var(--sk2)}.prow.disabled{cursor:not-allowed;color:var(--fnt)}.prow.disabled:hover{background:none}.prow .nm{font-weight:600;font-size:13px}.prow .meta{margin-left:auto;font-size:12px;color:var(--mut);font-variant-numeric:tabular-nums}.hrow{display:flex;gap:10px;padding:9px 6px;border-top:1px solid var(--ru);font-size:12px}.hrow:first-child{border-top:0}.hrow .t{font-family:var(--mono);font-size:10.5px;color:var(--mut);flex:0 0 auto}@media (max-width:1040px){.dgrid{grid-template-columns:minmax(0,1fr)}}@media (max-width:900px){.kpis{grid-template-columns:1fr 1fr}}.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}.filters .search{flex:1;min-width:200px;max-width:340px}.chips{display:flex;flex-wrap:wrap;gap:6px}.tablewrap{background:var(--sf);border:1px solid var(--ru);border-radius:14px;overflow:auto}table.grid{width:100%;border-collapse:collapse;font-size:12.5px}table.grid th,table.grid td{padding:9px 12px;text-align:left;white-space:nowrap}table.grid thead th{position:sticky;top:0;background:var(--sk2);border-bottom:1px solid var(--ru);font-size:11px;color:var(--mut);font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none}table.grid tbody tr{border-top:1px solid var(--ru)}table.grid tbody tr:hover{background:var(--sk2)}.color-cell{display:flex;align-items:center;gap:7px}.color-cell .cd{font-family:var(--mono);font-size:11px;color:var(--mut)}.num{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--mono);font-size:11.5px}.st{display:inline-block;font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:999px}.st.진행{background:var(--sg-sk);color:var(--sg)}.st.확정{background:var(--ac-sk);color:var(--ac)}.st.보류{background:var(--wn-bg);color:var(--wn-tx)}.st.단종{background:var(--sk);color:var(--mut)}.selbar{position:sticky;bottom:0;display:flex;align-items:center;gap:12px;padding:10px 14px;margin-top:10px;background:var(--ink);color:#fff;border-radius:12px;font-size:12.5px}.selbar .out{color:#f0c36b;cursor:pointer;text-decoration:underline}.pager{display:flex;gap:6px;align-items:center;justify-content:center;padding:14px;font-size:12.5px}.thumb{width:34px;height:34px;border-radius:7px;background:var(--sk);border:1px solid var(--ru);display:grid;place-items:center;color:var(--fnt);font-size:9px}.skeleton{height:14px;border-radius:6px;background:linear-gradient(90deg,var(--sk) 25%,var(--sk2) 37%,var(--sk) 63%);background-size:400% 100%;animation:sk 1.2s infinite}@keyframes sk{0%{background-position:100% 0}to{background-position:-100% 0}}.empty{padding:48px 16px;text-align:center;color:var(--mut);font-size:13px}.state{min-height:60dvh;display:grid;place-items:center;text-align:center;padding:24px}.state .big{font-size:44px;font-weight:700;letter-spacing:-.04em;color:var(--ink2)}.state h2{margin:12px 0 6px;font-size:18px}.state p{margin:0 0 18px;color:var(--mut);font-size:13px}.ph{padding:60px 24px;text-align:center}.ph .tag{font-family:var(--mono);font-size:11px;color:var(--ac);background:var(--ac-sk);padding:4px 10px;border-radius:999px}.ph h2{margin:16px 0 6px;font-size:20px}.ph p{color:var(--mut);font-size:13px}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,8px);z-index:95;display:flex;align-items:center;gap:9px;padding:10px 15px;border-radius:999px;background:var(--ink);color:#fff;font-size:12px;box-shadow:0 12px 34px #0e10133d;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s var(--ease)}.toast.on{opacity:1;transform:translate(-50%)}.center-load{min-height:50dvh;display:grid;place-items:center;color:var(--mut);font-size:13px}.form2{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}@media (max-width:1060px){.form2{grid-template-columns:minmax(0,1fr)}}.side{position:sticky;top:70px;display:flex;flex-direction:column;gap:12px}@media (max-width:1060px){.side{position:static}}.field{margin-bottom:12px}.field>label{display:block;font-size:11.5px;font-weight:600;color:var(--ink2);margin-bottom:5px}.field .hint{font-size:11px;color:var(--mut);margin-top:4px;line-height:1.5}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}@media (max-width:640px){.grid2,.grid3{grid-template-columns:1fr}}.strip{background:var(--sf);border:1px solid var(--ru);border-radius:12px;padding:14px}.strip .dots{display:flex;gap:4px;margin-bottom:10px}.strip .dots i{flex:1;height:4px;border-radius:2px;background:var(--ru)}.strip .dots i.on{background:var(--ac)}.segs{display:flex;flex-wrap:wrap;gap:6px;align-items:flex-end}.seg{min-width:44px;text-align:center}.seg .lab{font-size:9.5px;color:var(--mut);margin-bottom:3px}.seg .box{height:34px;display:grid;place-items:center;border-radius:7px;border:1px dashed var(--ru2);font-family:var(--mono);font-size:13px;color:var(--fnt);background:var(--sk2)}.seg .box.filled{border-style:solid;border-color:var(--ru2);color:var(--ink);background:var(--sf)}.seg.seq .box.filled{background:var(--ac-sk);color:var(--ac);border-color:var(--ac-ru)}.seg .dot{color:var(--fnt)}.codeline{display:flex;align-items:center;gap:8px;margin-top:10px;font-family:var(--mono);font-size:13px}.codeline .lb{font-family:var(--sans);font-size:11px;color:var(--mut);width:64px}.codeline .val{letter-spacing:.03em}.codeline .cnt{margin-left:auto;font-size:10.5px;padding:1px 7px;border-radius:999px;background:var(--sk);color:var(--mut)}.codeline .cnt.done{background:var(--sg-sk);color:var(--sg)}.check{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}.check .it{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--ink2)}.check .it .m{width:15px;height:15px;border-radius:50%;display:grid;place-items:center;font-size:9px;flex:0 0 auto}.check .it.ok .m{background:var(--sg);color:#fff}.check .it.no .m{background:var(--ru2);color:#fff}.warns{margin-top:10px;display:flex;flex-direction:column;gap:6px}.cpick{border:1px solid var(--ru);border-radius:12px;background:var(--sf);overflow:hidden}.cpick .top{padding:10px;border-bottom:1px solid var(--ru);display:flex;flex-direction:column;gap:8px}.clist{max-height:300px;overflow:auto;padding:6px}.crow{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:8px;cursor:pointer}.crow:hover{background:var(--sk2)}.crow.on{background:var(--ac-sk)}.crow .cn{font-size:12.5px}.crow .ce{font-size:11px;color:var(--mut)}.crow .cc{font-family:var(--mono);font-size:11px;color:var(--mut);margin-left:auto}.tybadge{font-size:9px;padding:1px 5px;border-radius:999px;background:var(--sk);color:var(--mut)}.cmore{padding:9px;text-align:center;font-size:11.5px;color:var(--mut)}@media (max-width:600px){.cpick.sheet{position:fixed;inset:auto 0 0 0;z-index:80;border-radius:14px 14px 0 0;max-height:80vh}.cpick.sheet .clist{max-height:56vh}}.csheet-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e101366;z-index:79}.baseval{background:var(--sk2);border:1px solid var(--ru);border-radius:10px;padding:10px 12px;font-size:12px;margin-bottom:10px}.baseval b{font-family:var(--mono);font-size:11px;color:var(--mut)}.ovcards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media (max-width:640px){.ovcards{grid-template-columns:1fr}}.ovc{border:1px solid var(--ru);border-radius:10px;padding:10px}.ovc.ov{background:#fffdf3;border-color:#eadfa8}.ovc .h{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;margin-bottom:6px}.ovc .v{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.ovc .base{font-size:11px;color:var(--mut);margin-top:3px}.ovc .base s{color:var(--fnt)}.ovc .reset{margin-top:8px}.skurow.ov{position:relative}.skurow.ov:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#e5b84b;border-radius:2px}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(440px,92vw);background:var(--sf);z-index:80;box-shadow:-16px 0 48px #0e101333;display:flex;flex-direction:column;transform:translate(100%);transition:transform .22s var(--ease)}.drawer.on{transform:none}.drawer .dh{display:flex;align-items:center;gap:10px;padding:16px;border-bottom:1px solid var(--ru)}.drawer .db{flex:1;overflow:auto;padding:16px}.drawer .df{padding:12px 16px;border-top:1px solid var(--ru);display:flex;gap:8px}.dscrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e101366;z-index:79}@media (max-width:600px){.drawer{width:100%;top:auto;height:86vh;border-radius:14px 14px 0 0;transform:translateY(100%)}.drawer.on{transform:none}}.cover{width:46px;height:65px;border-radius:5px;border:1px solid var(--ru2);background:var(--sk);display:grid;place-items:center;font-size:9px;color:var(--fnt);flex:0 0 auto}.progress .st{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:12.5px}.progress .st .ic{width:16px;height:16px}.progress .st.done{color:var(--sg)}.progress .st.doing{color:var(--ac);font-weight:600}.progress .st.wait{color:var(--fnt)}.barcode{display:inline-flex;align-items:flex-end;height:52px;gap:0}.barcode i{display:block;width:2px;height:100%;background:#000}.barcode i.sp{background:transparent}.label-preview{border:1px solid var(--ru);border-radius:10px;padding:14px;text-align:center;background:#fff}.label-preview .num{font-family:var(--mono);font-size:12px;letter-spacing:.18em;margin-top:6px}