:root{color:#191918;background:#f7f6f3;font-family:Satoshi,Pretendard,Pretendard Variable,SUIT Variable,Helvetica Neue,sans-serif;font-synthesis:none;--canvas: #f7f6f3;--surface: #ffffff;--surface-soft: #fbfbfa;--ink: #191918;--ink-soft: #565652;--muted: #686862;--line: #e7e5e0;--line-strong: #d3d0c8;--blue-soft: #e1f3fe;--blue: #1f6c9f;--yellow-soft: #fbf3db;--yellow: #7a5300;--green-soft: #edf3ec;--green: #346538;--red-soft: #fdebec;--red: #9f2f2d;--violet-soft: #f1edfa;--violet: #64508c;--focus: #176b9f}*{box-sizing:border-box}html{background:var(--canvas)}body{margin:0;min-width:320px;color:var(--ink);background:var(--canvas);font-size:16px;line-height:1.5}body,button,input,select{font:inherit}button,a,label[for],.button{-webkit-tap-highlight-color:transparent}button,.button,.text-button{align-items:center;border:0;cursor:pointer;display:inline-flex;gap:8px;justify-content:center;line-height:1.35;min-height:44px;text-decoration:none;transition:background-color .18s ease,border-color .18s ease,color .18s ease,opacity .18s ease,transform .18s ease;white-space:nowrap}button:active,.button:active,.text-button:active{transform:scale(.98)}button:disabled,.disabled{cursor:not-allowed;opacity:.45;pointer-events:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,label:has(input:focus-visible){outline:3px solid color-mix(in srgb,var(--focus) 22%,transparent);outline-offset:2px}input,select{background:var(--surface);border:1px solid var(--line-strong);border-radius:6px;color:var(--ink);line-height:1.4;min-height:44px;padding:9px 11px;width:100%}input::placeholder{color:#6f6f69}input[type=checkbox]{accent-color:var(--ink);min-height:auto;width:auto}::selection{background:var(--blue-soft);color:var(--ink)}*{scrollbar-color:#b7b3aa transparent;scrollbar-width:thin}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-.03em}.primary-button{background:var(--ink);border:1px solid var(--ink);border-radius:6px;color:#fff;font-weight:700;padding:9px 14px}.primary-button:hover{background:#343431;border-color:#343431}.secondary-button,.text-button{background:var(--surface);border:1px solid var(--line-strong);border-radius:6px;color:var(--ink);font-weight:650;padding:9px 12px}.secondary-button:hover,.text-button:hover{background:var(--surface-soft);border-color:#aaa69d}.app-shell{min-height:100vh;overflow-x:clip}.topbar{align-items:center;background:var(--surface-soft);border-bottom:1px solid var(--line);display:grid;gap:24px;grid-template-columns:auto 1fr auto;min-height:64px;padding:10px clamp(18px,2.5vw,40px);position:sticky;top:0;z-index:40}.brand-lockup{align-items:center;display:flex;gap:10px}.brand-lockup img{border-radius:7px;height:34px;width:34px}.brand-lockup strong{font-size:18px;letter-spacing:-.035em}.topbar-context{align-items:center;color:var(--muted);display:flex;font-size:13px;gap:12px;justify-self:start}.market-chip{align-items:center;color:var(--ink-soft);display:inline-flex;font-size:13px;font-weight:700;gap:7px}.market-chip i{background:#61b15a;border-radius:50%;height:7px;width:7px}.topbar-actions{align-items:center;display:flex;gap:4px}.utility-button{background:transparent;border-radius:6px;color:var(--ink-soft);font-size:14px;font-weight:650;min-height:44px;padding:7px 10px}.utility-button:hover{background:#f0efeb;color:var(--ink)}.workspace{margin:0 auto;max-width:1680px;padding:34px clamp(18px,3vw,52px) 64px;width:100%}.workspace-header{align-items:center;display:flex;justify-content:space-between;gap:32px}.heading-block{max-width:72rem}.heading-block h1{font-size:clamp(30px,3vw,44px);line-height:1.08}.heading-block p{color:var(--ink-soft);line-height:1.55;margin-top:8px}.header-actions,.file-actions,.bulk-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.status-rail{background:var(--surface);border:1px solid var(--line);border-radius:8px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(122px,1fr);margin:28px 0 14px;overflow-x:auto}.status-nav-item{background:transparent;border-right:1px solid var(--line);border-radius:0;color:var(--ink-soft);display:grid;gap:7px;justify-items:start;min-height:78px;padding:13px 14px 11px;position:relative;text-align:left}.status-nav-item:last-child{border-right:0}.status-nav-item span{font-size:13px;font-weight:650;line-height:1.4}.status-nav-item strong{color:var(--ink);font-size:24px;font-variant-numeric:tabular-nums;letter-spacing:-.03em;line-height:1.15}.status-nav-item:hover{background:var(--surface-soft)}.status-nav-item:disabled{cursor:not-allowed;opacity:.7}.status-nav-item.active{background:var(--blue-soft);color:var(--blue)}.status-nav-item.active:after{background:var(--blue);bottom:0;content:"";height:3px;inset-inline:0;position:absolute}.status-nav-item.danger strong{color:var(--red)}.activity-bar,.error{align-items:flex-start;border-radius:6px;display:flex;font-size:14px;gap:9px;line-height:1.5;margin-bottom:12px;padding:10px 12px}.activity-bar{background:var(--green-soft);color:var(--green)}.activity-bar.working{background:var(--blue-soft);color:var(--blue);font-weight:700}.activity-bar svg,.error svg{flex:0 0 auto;margin-top:1px}.error{background:var(--red-soft);color:var(--red)}.orders-workspace{background:var(--surface);border:1px solid var(--line);border-radius:8px;min-width:0}.workbench-head{align-items:flex-start;border-bottom:1px solid var(--line);display:flex;gap:24px;justify-content:space-between;padding:19px 20px}.workbench-head h2{font-size:23px}.workbench-head p{color:var(--muted);font-size:14px;line-height:1.45;margin-top:4px}.compact-check{align-items:center;display:inline-flex;font-size:14px;font-weight:650;gap:8px;min-height:44px;padding:0 4px;white-space:nowrap}.upload-button{cursor:pointer;position:relative}.file-input-accessible{height:1px;inset:auto auto 0 50%;min-height:0;opacity:0;overflow:hidden;padding:0;position:absolute;width:1px}.help-wrap{display:inline-flex;position:relative}.icon-button{background:var(--surface);border:1px solid var(--line-strong);border-radius:6px;color:var(--ink-soft);height:44px;min-height:44px;padding:0;width:44px}.icon-button:hover{background:var(--surface-soft);color:var(--ink)}.help-popover{background:var(--ink);border-radius:8px;color:#fff;display:none;font-size:14px;line-height:1.55;padding:14px;position:absolute;right:0;top:calc(100% + 8px);width:min(360px,calc(100vw - 32px));z-index:30}.help-popover p{color:#d7d6d1;margin-top:6px}.help-wrap:hover .help-popover,.help-wrap:focus-within .help-popover{display:block}.filter-bar{align-items:end;background:var(--surface-soft);border-bottom:1px solid var(--line);display:grid;gap:10px;grid-template-columns:150px 180px minmax(240px,1fr);padding:14px 20px}.filter-bar label,.login-panel label,.account-form label,.settings-form label:not(.toggle-label){display:grid;gap:6px}.filter-bar label>span,.login-panel label>span,.account-form label>span,.settings-form label:not(.toggle-label){color:var(--ink-soft);font-size:13px;font-weight:700;line-height:1.4}.search-field>div{align-items:center;display:flex;position:relative}.search-field svg{color:var(--muted);left:11px;position:absolute}.search-field input{padding-left:38px}.bulk-bar{align-items:center;border-bottom:1px solid var(--line);display:grid;gap:14px;grid-template-columns:auto 1fr auto;min-height:62px;padding:10px 20px}.bulk-bar.has-selection{background:#f8fbfd}.bulk-bar>strong{color:var(--blue);font-size:14px}.check-label,.toggle-label{align-items:center;display:inline-flex;font-size:14px;font-weight:650;gap:8px;min-height:44px}.table-wrap{overflow-x:auto}.order-table{border-collapse:collapse;min-width:1080px;width:100%}.order-table th,.order-table td{border-bottom:1px solid var(--line);padding:12px 14px;text-align:left;vertical-align:middle}.order-table th{background:var(--surface-soft);color:var(--muted);font-size:13px;font-weight:750;letter-spacing:.025em;line-height:1.4;position:sticky;top:0;z-index:2}.order-table td{color:var(--ink-soft);font-size:15px;line-height:1.45}.order-table tbody tr{background:var(--surface);transition:background-color .16s ease}.order-table tbody tr:hover{background:#fcfcfa}.order-table tbody tr:last-child td{border-bottom:0}.order-table small{color:var(--muted);display:block;font-size:13px;line-height:1.45;margin-top:4px}.check-col{text-align:center!important;width:48px}.row-check-target{align-items:center;cursor:pointer;display:inline-flex;height:32px;justify-content:center;width:32px}.order-link{background:none;color:var(--blue);display:inline-flex;font-size:15px;font-weight:750;line-height:1.4;min-height:28px;padding:0;text-decoration:underline;text-decoration-color:#aacfe5;text-underline-offset:3px;white-space:normal}.market-name{color:var(--ink);font-weight:700}.receiver-name,.product-cell>strong{color:var(--ink);font-weight:650}.product-cell{max-width:330px;min-width:220px}.badge{border-radius:999px;display:inline-flex;font-size:13px;font-weight:750;line-height:1.35;margin:2px 4px 2px 0;padding:5px 9px;white-space:nowrap}.status-accept{background:var(--yellow-soft);color:var(--yellow)}.status-instruct,.status-departure,.status-delivering{background:var(--blue-soft);color:var(--blue)}.status-final_delivery{background:var(--green-soft);color:var(--green)}.status-cancel_request,.status-cancelled,.status-cancel{background:var(--red-soft);color:var(--red)}.package-combined{background:var(--violet-soft);color:var(--violet)}.quantity-warning{color:var(--red);font-variant-numeric:tabular-nums}.invoice-number{color:var(--green);display:block;font-size:14px;font-weight:700;line-height:1.4}.actions-cell{min-width:315px}.shipment-form{display:grid;gap:6px;grid-template-columns:112px minmax(120px,1fr) 58px}.shipment-form input,.shipment-form select{font-size:14px;min-height:44px;padding-block:8px}.shipment-form.has-error input{border-color:var(--red)}.field-error{color:var(--red);font-size:13px;font-weight:650;grid-column:2 / -1;line-height:1.4}.row-action{background:var(--ink);border-radius:5px;color:#fff;font-size:14px;font-weight:700;min-height:44px;padding:8px 12px}.muted{color:var(--muted)}.empty-state{align-items:center;color:var(--muted);display:flex;flex-direction:column;gap:7px;justify-content:center;min-height:220px;text-align:center}.empty-state strong{color:var(--ink)}.empty-state span{font-size:14px}.loading{align-items:center;color:var(--ink-soft);display:flex;gap:12px;justify-content:center;min-height:100vh}.loading-mark{animation:pulse 1s ease-in-out infinite alternate;background:var(--ink);border-radius:3px;height:18px;width:18px}.login{align-items:center;background:var(--canvas);display:grid;min-height:100vh;padding:24px}.login-panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;display:grid;gap:16px;margin:0 auto;max-width:440px;padding:clamp(28px,5vw,48px);width:100%}.login-brand{align-items:center;display:flex;font-size:18px;font-weight:800;gap:10px}.login-brand img{border-radius:7px;height:34px;width:34px}.login-copy{margin:22px 0 10px}.login-copy h1{font-size:clamp(30px,6vw,44px);line-height:1.12}.login-copy p{color:var(--ink-soft);line-height:1.55;margin-top:12px}.modal-backdrop{align-items:center;background:#1919188f;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:20px;position:fixed;z-index:100}.modal-panel{background:var(--surface);border-radius:10px;box-shadow:0 24px 80px #1414122e;max-height:calc(100vh - 40px);max-width:580px;overflow:auto;padding:22px;width:100%}.detail-panel{max-width:800px}.modal-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.modal-head h2{font-size:24px}.detail-sections{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.detail-section{border-top:1px solid var(--line);padding-top:16px}.detail-section h3,.settings-form h3,.account-section-title{font-size:15px;margin:0 0 14px}.detail-list{display:grid;gap:10px 12px;grid-template-columns:100px minmax(0,1fr);margin:0}.detail-list dt{color:var(--muted);font-size:13px;font-weight:700;line-height:1.45}.detail-list dd{color:var(--ink-soft);font-size:15px;line-height:1.5;margin:0;overflow-wrap:anywhere}.detail-list dd.detail-emphasis{color:var(--ink);font-size:16px;font-weight:650;line-height:1.5}.option-subline{display:block}.settings-form,.account-form{display:grid;gap:12px}.settings-description{color:var(--muted);font-size:14px;line-height:1.55}.settings-divider{border-top:1px solid var(--line);margin:22px 0}.account-list{display:grid;gap:0;margin-top:16px}.account-list span{border-bottom:1px solid var(--line);color:var(--ink-soft);font-size:14px;padding:10px 0}.account-list span:last-child{border-bottom:0}.visually-hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);white-space:nowrap}.spin-icon{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{to{opacity:.4;transform:scale(.86)}}@media (max-width: 1100px){.file-actions{justify-content:flex-end}.workbench-head{align-items:stretch;flex-direction:column}}@media (max-width: 820px){.topbar{gap:14px;padding-inline:16px}.topbar-context>span:last-child{display:none}.workspace{padding:22px 16px 40px}.workspace-header{align-items:stretch;flex-direction:column;gap:18px}.header-actions{justify-content:flex-start}.status-rail{grid-auto-columns:minmax(104px,27vw);margin-top:22px;scroll-snap-type:x proximity}.status-nav-item{scroll-snap-align:start}.filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.search-field{grid-column:1 / -1}.bulk-bar{grid-template-columns:auto 1fr}.bulk-actions{grid-column:1 / -1}.detail-sections{grid-template-columns:1fr}}@media (max-width: 640px){.topbar{grid-template-columns:auto 1fr;min-height:58px}.topbar-context{display:none}.topbar-actions{justify-self:end}.utility-button{min-height:44px;min-width:44px;padding-inline:8px}.utility-button span{display:none}.heading-block h1{font-size:32px}.heading-block p{font-size:14px}.header-actions>*{flex:1}.workbench-head{padding:17px 16px}.file-actions{align-items:stretch;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);justify-content:normal;width:100%}.file-actions>.text-button{justify-content:center;min-width:0;padding-inline:10px}.compact-check{grid-column:1;grid-row:2}.help-wrap{grid-column:2;grid-row:2;justify-self:end}.filter-bar{grid-template-columns:1fr;padding:14px 16px}.search-field{grid-column:auto}.bulk-bar{align-items:start;grid-template-columns:1fr;padding:12px 16px}.bulk-actions{display:grid;grid-column:auto;grid-template-columns:1fr 1fr;width:100%}.bulk-actions button{white-space:normal}.table-wrap{overflow:visible}.order-table{display:block;min-width:0}.order-table thead{display:none}.order-table tbody{display:grid}.order-table tbody tr{border-bottom:8px solid var(--canvas);display:grid;grid-template-columns:1fr 1fr;padding:14px 16px;position:relative}.order-table tbody tr:last-child{border-bottom:0}.order-table td{border:0;display:grid;gap:4px;min-width:0;padding:8px 6px}.order-table td:before{color:var(--muted);content:attr(data-label);font-size:12px;font-weight:750;letter-spacing:.025em;line-height:1.4;text-transform:uppercase}.order-table .check-col{display:block;height:44px;padding:0;position:absolute;right:10px;top:8px;width:44px;z-index:2}.order-table .check-col:before{display:none}.row-check-target{height:44px;width:44px}.order-table td[data-label=주문],.order-table .product-cell,.order-table .actions-cell{grid-column:1 / -1}.order-table td[data-label=주문]{padding-right:44px}.product-cell{max-width:none}.actions-cell{min-width:0}.shipment-form{grid-template-columns:1fr}.field-error{grid-column:1}.row-action{justify-self:start}.order-link{min-height:44px}.modal-backdrop{align-items:flex-end;padding:0}.modal-panel{border-radius:10px 10px 0 0;max-height:92vh;padding:20px 16px calc(20px + env(safe-area-inset-bottom))}.detail-list{grid-template-columns:88px minmax(0,1fr)}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.spin-icon,.loading-mark{animation:none}button,a,input,select,.order-table tbody tr{transition:none}}
