:root{--paper:#f4f5f2;--surface:#fff;--head:#eef0f3;--head-hot:#dde4f2;--ink:#151c2b;--ink-soft:#4b5566;--ink-faint:#737d8f;--ink-ghost:#a6adba;--rule:#d6dae0;--rule-soft:#e6e9ed;--accent:#1d3f8c;--accent-soft:#e4eaf6;--accent-wash:#1d3f8c14;--crit:#b8231b;--crit-soft:#fbe4e1;--warn:#955700;--warn-soft:#f8ecd3;--ok:#276b44;--ok-soft:#dff0e5;--lift:0 1px 2px #151c2b0f, 0 10px 28px -14px #151c2b38;--font:"Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--paper);color:var(--ink);font:13px/1.4 var(--font);-webkit-font-smoothing:antialiased}button,input{font:inherit;color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.num{font-variant-numeric:tabular-nums}.app{grid-template-rows:auto minmax(0,1fr) auto;height:100vh;display:grid}.bar{background:var(--surface);border-bottom:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:10px 16px;padding:10px 16px;display:flex}.brand{white-space:nowrap;font-size:15px}.brand b{color:#d32019;font-weight:800}.tools,.print{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sep{background:var(--rule);width:1px;height:20px;margin:0 4px}.bar button,.find button,.pager button{border:1px solid var(--rule);background:var(--surface);cursor:pointer;white-space:nowrap;border-radius:6px;height:30px;padding:0 10px}.bar button:hover:not(:disabled),.find button:hover,.pager button:hover:not(:disabled){border-color:var(--ink-faint)}button:disabled{opacity:.45;cursor:default}.saved{color:var(--ink-faint);white-space:nowrap;margin-left:auto;font-size:12px}.saved.bad{color:var(--crit);font-weight:600}.seg{border:1px solid var(--rule);border-radius:7px;display:flex;overflow:hidden}.bar .seg button{border:0;border-radius:0;height:30px}.bar .seg button+button{border-left:1px solid var(--rule)}.bar .seg button.on{background:var(--accent-soft);color:var(--accent);font-weight:600}.seg b{font-variant-numeric:tabular-nums;font-weight:600}.bar .primary{border-color:var(--accent);background:var(--accent);color:#fff;padding:0 14px;font-weight:700}.bar .primary:hover:not(:disabled){border-color:var(--ink);background:#173273}.primary span{opacity:.85;margin-left:4px;font-weight:400}.work{grid-template-columns:minmax(0,1fr) clamp(360px,26vw,460px);min-height:0;display:grid}.grid{background:var(--surface);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.find{background:var(--accent-soft);border-bottom:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:6px;padding:8px 12px;display:flex}.find label{color:var(--accent);font-weight:600}.find input{border:1px solid var(--rule);border-radius:6px;width:240px;max-width:100%;height:30px;padding:0 8px}.scroller{flex:1;min-height:0;overflow:auto}.body{width:max-content;min-width:100%;position:relative}table{table-layout:fixed;border-collapse:separate;border-spacing:0;width:max-content}th,td{text-align:left;text-overflow:ellipsis;white-space:nowrap;border-right:1px solid var(--rule-soft);border-bottom:1px solid var(--rule-soft);height:34px;padding:0 8px;overflow:hidden}thead th{z-index:5;background:var(--head);color:var(--ink-soft);border-bottom-color:var(--rule);font-size:12px;font-weight:600;position:sticky;top:0}thead th.hot{background:var(--head-hot);color:var(--accent)}tbody td{cursor:cell;-webkit-user-select:none;user-select:none}.rowno{z-index:3;text-align:center;color:var(--ink-faint);font-variant-numeric:tabular-nums;padding:0;font-size:11px;position:sticky;left:0}tbody .rowno{cursor:e-resize;background:#f7f8f9}.status{z-index:3;border-right-color:var(--rule);position:sticky;left:40px}tbody .status{background:var(--surface);cursor:default}thead .rowno,thead .status{z-index:6}tr.hot .rowno{background:var(--head-hot);color:var(--accent);font-weight:700}td.end{text-align:right;font-variant-numeric:tabular-nums}td.center{text-align:center}td.bad{background:var(--crit-soft);color:var(--crit);box-shadow:inset 0 -2px var(--crit)}tr.blank td{color:var(--ink-faint)}.ph{color:var(--ink-ghost)}.chip{border-radius:4px;margin-right:3px;padding:0 6px;font-size:11px;font-weight:600;line-height:19px;display:inline-block}.chip.new{background:var(--accent-soft);color:var(--accent)}.chip.printed{background:var(--ok-soft);color:var(--ok)}.chip.changed{background:var(--warn-soft);color:var(--warn)}.chip.bad{background:var(--crit-soft);color:var(--crit)}.swatch{vertical-align:-2px;border:1px solid #151c2b33;border-radius:2px;width:12px;height:14px;margin-right:6px;display:inline-block}.swatch.weekly{background:linear-gradient(#d32019 0 38%,#ff0 38%)}.swatch.manager{background:linear-gradient(#0a6b37 0 38%,#cede58 38%)}.swatch.clearance{background:linear-gradient(#00008b 0 38%,#ff0 38%)}.swatch.instore{background:linear-gradient(#d32019 0 38%,#fff 38%)}.stepper{align-items:center;gap:2px;display:inline-flex}.stepper b{text-align:center;font-variant-numeric:tabular-nums;min-width:24px;font-weight:600}.stepper button,.acts button{border:1px solid var(--rule);background:var(--surface);cursor:pointer;border-radius:4px;min-width:22px;height:22px;padding:0 5px;font-size:12px;line-height:1}.stepper button:hover:not(:disabled),.acts button:hover{border-color:var(--ink-faint)}tr.blank .stepper{opacity:.4}td.acts{text-align:center}.acts button{visibility:hidden;margin:0 1px}tr:hover .acts button,tr.hot .acts button{visibility:visible}.acts button[data-action=del]:hover{border-color:var(--crit);color:var(--crit)}.range,.cursor{z-index:2;pointer-events:none;position:absolute}.range{background:var(--accent-wash);border:1px solid var(--accent)}.cursor{border:2px solid var(--accent)}.input{z-index:1;border:2px solid var(--accent);background:var(--surface);color:var(--ink);font:inherit;white-space:pre-wrap;resize:none;opacity:0;pointer-events:none;border-radius:0;outline:none;margin:0;padding:5px 6px;line-height:20px;position:absolute;overflow:hidden}.input.editing{z-index:4;opacity:1;pointer-events:auto;box-shadow:var(--lift);overflow:auto}.list{z-index:7;background:var(--surface);border:1px solid var(--rule);max-height:240px;box-shadow:var(--lift);border-radius:6px;margin:0;padding:4px;list-style:none;position:absolute;overflow:auto}.list li{white-space:nowrap;cursor:pointer;border-radius:4px;padding:5px 8px}.list li.on{background:var(--accent);color:#fff}.menu{z-index:20;background:var(--surface);border:1px solid var(--rule);min-width:200px;box-shadow:var(--lift);border-radius:8px;padding:4px;display:grid;position:fixed}.menu button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:space-between;gap:16px;padding:7px 10px;display:flex}.menu button:hover{background:var(--accent-soft)}.menu .danger{color:var(--crit)}kbd{color:var(--ink-faint);font:11px var(--font)}.preview{background:var(--paper);border-left:1px solid var(--rule);flex-direction:column;gap:18px;padding:14px 16px;display:flex;overflow:auto}.pane-head{align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.pane-head h2{margin:0;font-size:13px;font-weight:700}.note{color:var(--ink-faint);font-size:12px}.pager{gap:4px;margin-left:auto;display:flex}.pager button{width:28px;height:26px;padding:0}.pop,.paper{background:var(--surface);width:100%;max-width:100%;box-shadow:var(--lift);position:relative;overflow:hidden}.pop>svg,.paper>svg{width:100%;height:100%;display:block;position:absolute;inset:0}.msg{color:var(--ink-faint);text-align:center;place-items:center;margin:0;padding:16px;display:grid;position:absolute;inset:0}.msg.bad{color:var(--crit)}.mark{background:var(--accent-wash);outline:3px solid var(--accent);outline-offset:-2px;pointer-events:none;position:absolute}.foot{background:var(--surface);border-top:1px solid var(--rule);color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 24px;padding:8px 16px;font-size:12px;display:flex}.foot p{margin:0}.summary b{color:var(--ink);font-variant-numeric:tabular-nums}.foot .bad{color:var(--crit);font-weight:600}.hint{color:var(--ink-faint)}.toast{z-index:30;background:var(--ink);color:#fff;max-width:calc(100vw - 32px);box-shadow:var(--lift);border-radius:8px;align-items:center;gap:12px;padding:10px 10px 10px 16px;display:flex;position:fixed;bottom:52px;left:50%;transform:translate(-50%)}.toast button{color:#a9c1f7;cursor:pointer;background:0 0;border:0;padding:2px 6px;font-weight:700}.toast .x{color:#fff;opacity:.6;font-size:16px}.update{z-index:30;background:var(--ink);color:#fff;box-shadow:var(--lift);border-radius:8px;align-items:center;gap:8px;padding:6px 6px 6px 12px;font-size:13px;display:flex;position:fixed;top:10px;right:12px}.update button{color:#a9c1f7;cursor:pointer;background:0 0;border:0;padding:2px 6px;font-weight:700}.update .x{color:#fff;opacity:.6;font-size:16px}.offline{background:var(--warn-soft);color:var(--warn);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}@media (width<=1100px){.work{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.preview{border-left:0;border-top:1px solid var(--rule);flex-flow:wrap}.preview section{flex:300px}}.warn-chip{background:var(--warn-soft);color:var(--warn);white-space:nowrap;border-radius:6px;padding:5px 8px;font-size:12px;font-weight:600}.hint .link{color:var(--accent);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}.guide{border:1px solid var(--rule);background:var(--surface);width:min(460px,100vw - 32px);color:var(--ink);box-shadow:var(--lift);border-radius:10px;padding:20px 22px 16px}.guide::backdrop{background:#151c2b52}.guide h2{text-wrap:balance;margin:0 0 8px;font-size:16px}.guide p{color:var(--ink-soft);margin:0 0 12px;line-height:1.6}.guide p b{color:var(--ink)}.guide dl{background:var(--rule-soft);border:1px solid var(--rule-soft);border-radius:6px;gap:1px;margin:0 0 12px;display:grid;overflow:hidden}.guide dl div{grid-template-columns:136px 1fr;display:grid}.guide dt,.guide dd{background:var(--surface);margin:0;padding:7px 10px}.guide dt{color:var(--ink-soft);background:#f7f8f9}.guide dd{font-weight:700}.guide .note{color:var(--ink-faint);font-size:12px}.guide .url{color:var(--ink);font-size:15px;font-weight:700}.guide.wide{width:min(760px,100vw - 32px)}.guide h3{color:var(--ink-soft);margin:0 0 8px;font-size:13px}.guide .who{background:var(--accent-soft);color:var(--accent);border-radius:4px;margin-left:6px;padding:1px 6px;font-size:11px;font-weight:700}.guide .bad{color:#b3261e;margin:0 0 10px;font-size:13px}.guide .upload{border-bottom:1px solid var(--rule-soft);margin-bottom:14px;padding-bottom:12px}.form label{color:var(--ink-soft);gap:4px;margin:0 0 12px;font-size:13px;display:grid}.form input:not([type=file]):not([type=radio]),.form select,.roster select,.roster input[type=password]{border:1px solid var(--rule);background:var(--surface);border-radius:6px;height:32px;padding:0 10px}.form .row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.form .row input[type=text],.form .row input[type=password]{flex:140px;min-width:0}.form .row input[type=file]{flex:100%;font-size:13px}.form .row button,.roster button,.roster a.btn{border:1px solid var(--rule);background:var(--surface);cursor:pointer;white-space:nowrap;border-radius:6px;height:32px;padding:0 12px}.form .row .primary,.roster .primary{border-color:var(--accent);background:var(--accent);color:#fff;font-weight:700}.form .row .primary:disabled{opacity:.5;cursor:default}.roster button.danger{color:#fff;background:#b3261e;border-color:#b3261e}.roster{table-layout:auto;border-collapse:collapse;width:100%;margin:0 0 10px;font-size:13px}.roster th,.roster td{border:0;border-bottom:1px solid var(--rule-soft);text-align:left;vertical-align:middle;white-space:normal;background:0 0;height:auto;padding:6px 8px}.roster th{color:var(--ink-faint);font-size:12px;font-weight:500;position:static}.roster tbody tr{cursor:default}.roster tr.on td{background:var(--accent-wash)}.roster .name{font-weight:700}.roster .act{text-align:right;white-space:nowrap}.roster a.btn{color:inherit;align-items:center;font-size:13px;text-decoration:none;display:inline-flex}.roster .act>*+*{margin-left:6px}.roster .act button+button{margin-left:4px}.roster .inline{gap:4px;display:inline-flex}.roster .inline input{width:140px}.login{place-items:center;min-height:100vh;padding:16px;display:grid}.login .card{border:1px solid var(--rule);background:var(--surface);width:min(360px,100%);box-shadow:var(--lift);border-radius:12px;padding:28px 28px 20px}.login .brand{letter-spacing:-.01em;margin-bottom:20px;font-size:20px}.login .brand b{color:var(--accent)}.login .primary{border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:6px;width:100%;height:38px;margin-top:4px;font-weight:700}.login .primary:disabled{opacity:.5;cursor:default}.login .bad{color:#b3261e;margin:0 0 10px;font-size:13px}.login .note{color:var(--ink-faint);margin:14px 0 0;font-size:12px;line-height:1.5}.bar .tabs{background:var(--rule-soft);border-radius:8px;gap:2px;margin-right:6px;padding:2px;display:flex}.bar .tabs button{height:26px;color:var(--ink-soft);background:0 0;border:0;border-radius:6px;padding:0 12px;font-weight:600}.bar .tabs button:hover{color:var(--ink);background:0 0;border:0}.bar .tabs button.on{background:var(--surface);color:var(--accent);box-shadow:0 1px 2px #151c2b1f}.work[hidden],.foot[hidden]{display:none}.page{flex:1;min-height:0;padding:24px 16px;overflow:auto}.page .panel{border:1px solid var(--rule);background:var(--surface);border-radius:10px;width:min(760px,100%);margin:0 auto;padding:20px 22px 16px}.page .panel h2{margin:0 0 12px;font-size:16px}.page .panel h3{color:var(--ink-soft);margin:0 0 8px;font-size:13px}.page .panel .who{background:var(--accent-soft);color:var(--accent);border-radius:4px;margin-left:6px;padding:1px 6px;font-size:11px;font-weight:700}.page .panel p{color:var(--ink-soft);margin:0 0 12px;line-height:1.6}.page .panel .note{color:var(--ink-faint);font-size:12px}.page .panel .bad{color:#b3261e;margin:0 0 10px;font-size:13px}.page .panel .upload{border-bottom:1px solid var(--rule-soft);margin-bottom:14px;padding-bottom:12px}.me{color:var(--ink-faint);white-space:nowrap;align-items:center;gap:8px;margin-left:8px;font-size:12px;display:inline-flex}.bar .me .link{height:auto;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;padding:0;font-size:12px}.bar .me .link:hover{color:var(--ink);background:0 0;border:0;text-decoration:underline}.me i{color:var(--accent);font-style:normal;font-weight:700}.keys{width:min(820px,100vw - 32px)}.keys .cols{grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:14px 22px;margin-bottom:14px;display:grid}.keys h3{color:var(--ink-soft);margin:0 0 6px;font-size:13px}.keys dl{margin:0}.keys dl div{grid-template-columns:158px 1fr}.keys dt{white-space:nowrap;font-size:12px}.keys dd{font-size:12.5px;font-weight:400}.actions{justify-content:flex-end;gap:8px;display:flex}.actions button{border:1px solid var(--rule);background:var(--surface);cursor:pointer;border-radius:6px;height:32px;padding:0 14px}.actions button:hover{border-color:var(--ink-faint)}.actions .primary{border-color:var(--accent);background:var(--accent);color:#fff;font-weight:700}.actions .primary:hover{border-color:var(--ink);background:#173273}.print-root{z-index:-1;visibility:hidden;pointer-events:none;width:11in;position:fixed;top:0;left:0}.sheet{background:#fff;width:11in;height:8.5in;overflow:hidden}.sheet>svg{width:100%;height:100%;display:block}@page{size:letter landscape;margin:0}@media print{html,body,#app{background:#fff;height:auto}.app,.toast,.update,.guide{display:none!important}.print-root{visibility:visible;width:auto;position:static}.sheet{break-after:page;-webkit-print-color-adjust:exact;print-color-adjust:exact}.sheet:last-child{break-after:auto}}
