@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css";
.demo-root{--demo-accent:#6b1f22;--demo-accent-light:#f2e5e5;--demo-background:#fff;--demo-foreground:#0a0a0a;--demo-muted:#666;--demo-border:#eaeaea;--demo-card-bg:#fff;--demo-sidebar-bg:#fafafa;--demo-sidebar-active:#e8e8e8;--demo-table-header:#fafafa;--demo-success:#10b981;--demo-warning:#f5a623;--demo-error:#e00;--demo-chart-1:var(--demo-accent);--demo-chart-2:#9a4a4d;--demo-chart-3:#c48a8c;--demo-chart-4:#e8cfd0;--demo-font:"Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;--demo-radius:4px;--demo-sidebar-width:268px;--demo-topbar-height:44px;font-family:var(--demo-font);color:var(--demo-foreground);background:var(--demo-background);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}.demo-root *,.demo-root :before,.demo-root :after{box-sizing:border-box}.demo-num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.erp-packing-charge .erp-panel__body{padding:0}.erp-packing-charge__issues,.erp-packing-charge__form,.erp-packing-charge__row{border-bottom:1px solid var(--demo-border);padding:12px 14px}.erp-packing-charge__issues,.erp-packing-charge__target-grid small{color:var(--demo-muted);font-size:11px}.erp-packing-charge__issues p{color:var(--demo-error);margin:0 0 3px}.erp-packing-charge__issues p:last-child{margin-bottom:0}.erp-packing-charge__row:last-child{border-bottom:0}.erp-packing-charge__head,.erp-packing-charge__row-actions,.erp-packing-charge__badges,.erp-packing-charge__amounts,.erp-packing-charge__scope,.erp-packing-charge__form-actions{align-items:center;display:flex}.erp-packing-charge__head,.erp-packing-charge__amounts{justify-content:space-between;gap:12px}.erp-packing-charge__badges,.erp-packing-charge__row-actions,.erp-packing-charge__scope,.erp-packing-charge__form-actions{gap:6px}.erp-packing-charge__head h3{margin:6px 0 0;font-size:12px}.erp-packing-charge__delete-form{display:contents}.erp-packing-charge__amounts{margin-top:10px}.erp-packing-charge__row.is-auto .erp-packing-charge__amounts{color:#2563eb}.erp-packing-charge__scope{flex-wrap:wrap;margin-top:8px}.erp-packing-charge__target,.erp-packing-charge__residual{border:1px solid var(--demo-border);border-radius:2px;padding:2px 6px;font-size:11px}.erp-packing-charge__residual{color:var(--demo-muted)}.erp-packing-charge__diff{border-left:2px solid var(--demo-warning);background:var(--demo-table-header);grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;margin-top:10px;padding:8px;font-size:11px;display:grid}.erp-packing-charge__form{background:var(--demo-sidebar-bg)}.erp-packing-charge__form-grid{grid-template-columns:minmax(180px,2fr) repeat(3,minmax(100px,1fr)) minmax(180px,1.5fr);gap:8px;display:grid}.erp-packing-charge__form-grid label,.erp-packing-charge__targets label{gap:4px;display:grid}.erp-packing-charge__form-grid label>span,.erp-packing-charge__targets legend{color:var(--demo-muted);font-size:11px;font-weight:600}.erp-packing-charge__form-grid input{border:1px solid var(--demo-border);background:var(--demo-card-bg);width:100%;min-height:30px;color:var(--demo-foreground);font:inherit;border-radius:2px;padding:5px 7px}.erp-packing-charge__targets{border:0;margin:10px 0 0;padding:0}.erp-packing-charge__target-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:6px;display:grid}.erp-packing-charge__target-grid label{border:1px solid var(--demo-border);background:var(--demo-card-bg);cursor:pointer;grid-template-columns:auto 1fr;align-items:start;padding:7px}.erp-packing-charge__target-grid label>span{gap:2px;display:grid}.erp-packing-charge__form-actions{justify-content:flex-end;margin-top:10px}@media (max-width:900px){.erp-packing-charge__form-grid,.erp-packing-charge__target-grid,.erp-packing-charge__diff{grid-template-columns:1fr}}.demo-root{--demo-motion-fast:.12s;--demo-motion-base:.16s;--demo-motion-slow:.3s;--demo-ease:cubic-bezier(.2, 0, .2, 1)}@media (prefers-reduced-motion:reduce){.demo-root{--demo-motion-fast:0s;--demo-motion-base:0s;--demo-motion-slow:0s}}@keyframes demo-overlay-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes demo-scrim-in{0%{opacity:0}to{opacity:1}}.demo-overlay-in{animation:demo-overlay-in var(--demo-motion-base) var(--demo-ease)}.demo-scrim-in{animation:demo-scrim-in var(--demo-motion-base) var(--demo-ease)}.demo-root :focus-visible{outline:2px solid var(--demo-accent);outline-offset:1px}.demo-root :where(input:not([type=checkbox],[type=radio]),select,textarea):focus-visible{border-color:var(--demo-accent);outline:none}.erp-login{background:var(--demo-background);min-height:100dvh;color:var(--demo-foreground);font-family:var(--demo-font);grid-template-columns:minmax(360px,.92fr) minmax(420px,1.08fr);display:grid}.erp-login__intro{border-right:1px solid var(--demo-border);border-left:3px solid var(--demo-accent);background:var(--demo-table-header);flex-direction:column;justify-content:space-between;min-height:100dvh;padding:48px 44px;display:flex}.erp-login__brand{align-items:baseline;gap:8px;display:flex}.erp-login__brand span{background:var(--demo-accent);color:#fff;justify-content:center;align-items:center;width:38px;height:28px;font-size:12px;font-weight:800;display:inline-flex}.erp-login__brand strong{font-size:13px;font-weight:800}.erp-login__copy{max-width:460px}.erp-login__copy h1{letter-spacing:0;margin:0;font-size:30px;font-weight:800;line-height:1.25}.erp-login__copy p{color:var(--demo-muted);margin:14px 0 0;font-size:13px;line-height:1.7}.erp-login__metrics{border:1px solid var(--demo-border);background:#fff;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.erp-login__metrics div{border-right:1px solid var(--demo-border);min-height:78px;padding:14px}.erp-login__metrics div:last-child{border-right:0}.erp-login__metrics dt{color:var(--demo-muted);font-size:11px;font-weight:700}.erp-login__metrics dd{color:var(--demo-accent);font-variant-numeric:tabular-nums;margin:8px 0 0;font-size:20px;font-weight:800}.erp-login__main{justify-content:center;align-items:center;min-height:100dvh;padding:40px 32px;display:flex}.erp-login__card{border:1px solid var(--demo-border);border-top:3px solid var(--demo-accent);background:var(--demo-card-bg);width:min(100%,400px);padding:28px}.erp-login__head{margin-bottom:22px}.erp-login__head span{color:var(--demo-muted);font-size:10px;font-weight:800;display:block}.erp-login__head h2{letter-spacing:0;margin:6px 0 0;font-size:22px;font-weight:800;line-height:1.2}.erp-login__head p{color:var(--demo-muted);margin:8px 0 0;font-size:12px}.erp-login__error{min-height:18px;color:var(--demo-error);margin-bottom:8px;font-size:12px;font-weight:700}.erp-login__fields{gap:14px;margin-bottom:14px;display:grid}.erp-login__submit{border:1px solid var(--demo-accent);border-radius:var(--demo-radius);background:var(--demo-accent);color:#fff;cursor:pointer;width:100%;height:42px;margin-top:4px;font-size:13px;font-weight:800}.erp-login__submit:hover:not(:disabled){background:#55181b}.erp-login__submit:disabled{cursor:not-allowed;opacity:.68}@media (max-width:900px){.erp-login{grid-template-columns:1fr}.erp-login__intro{border-right:0;border-bottom:1px solid var(--demo-border);gap:28px;min-height:auto;padding:28px 22px}.erp-login__copy h1{font-size:22px}.erp-login__main{align-items:flex-start;min-height:auto;padding:28px 22px}}@media (max-width:520px){.erp-login__intro{gap:0;padding:14px 22px}.erp-login__copy,.erp-login__metrics{display:none}.erp-login__card{padding:22px}}