:root{--bg:#e5ebef;--surface:#f0f3f5;--surface-2:#e3eaee;--fg:#34424e;--fg-2:#536572;--muted:#596b77;--line:#d3dce2;--line-strong:#b9c8d2;--accent:#456986;--accent-weak:#dce7ef;--danger:#a15858;--danger-weak:#eee3e2;--ok:#466e60;--ok-weak:#e1ebe5;--nav-bg:#2e4357;--nav-active:#425d75;--nav-fg:#d3dee7;--nav-muted:#b1c1ce;--nav-line:#506478;--warn:#a16207;--warn-weak:#fbf1d6;--r:8px;--sidebar:216px;--font:"Pretendard Variable", Pretendard, -apple-system, "Segoe UI", "Malgun Gothic", system-ui, sans-serif;--mono:"JetBrains Mono", "SFMono-Regular", Consolas, monospace}@media (prefers-color-scheme:dark){:root{--bg:#111113;--surface:#19191c;--surface-2:#1f1f23;--fg:#f4f4f5;--fg-2:#b4b4bc;--muted:#93939d;--line:#2a2a30;--line-strong:#3a3a42;--accent:#6b8cf0;--accent-weak:#1d2742;--danger:#f0875a;--danger-weak:#3a2118;--ok:#4ade80;--ok-weak:#14301e;--warn:#facc15;--warn-weak:#3a2f0e;--nav-bg:#16171b;--nav-active:#2d4054;--nav-fg:#d3dee7;--nav-muted:#b1c1ce;--nav-line:#364758}}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{background:var(--bg);min-height:100%;color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:13.5px;line-height:1.5}a{color:inherit;text-decoration:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}code{font-family:var(--mono);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r);padding:1px 5px;font-size:12px}.shell{grid-template-columns:var(--sidebar) 1fr;min-height:100dvh;display:grid}.sidebar{border-right:1px solid var(--nav-line);background:var(--nav-bg);min-width:0;height:100dvh;color:var(--nav-fg);flex-direction:column;gap:18px;padding:28px 14px 18px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.01em;align-items:center;gap:10px;padding:0 8px;font-size:16px;font-weight:700;display:flex}.sidebar>.brand{color:#eff4f7;flex:none;margin-bottom:14px;font-size:15px;font-weight:650}.sidebar .brand .mark{color:#f4f7fa;background:#537088;border-radius:9px;width:30px;height:30px}.brand .mark{border-radius:var(--r);background:var(--accent);color:#fff;place-items:center;width:26px;height:26px;font-size:14px;font-weight:800;display:grid}.nav{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8ca5ba var(--nav-bg);flex-direction:column;flex:1;gap:18px;min-height:0;margin:-3px;padding:3px;display:flex;overflow-y:auto}.nav-group{flex:none}.nav-group-label{color:var(--nav-muted);margin-bottom:7px;padding:0 12px;font-size:10.5px;font-weight:500}.nav-group-items{flex-direction:column;gap:2px;display:flex}.nav a{border-radius:var(--r);min-height:38px;color:var(--nav-fg);align-items:center;gap:10px;padding:9px 12px;font-size:12.5px;font-weight:500;line-height:1.4;display:flex}.nav a:hover{background:color-mix(in srgb, var(--nav-active) 60%, transparent);color:#eff4f7}.nav a.active{background:var(--nav-active);color:#eff4f7;font-weight:650;box-shadow:inset 3px 0 #a0bacf}.nav a:focus-visible,.sidebar .brand:focus-visible{outline-offset:2px;outline:2px solid #b9cfdf}.nav a.nav-child{gap:8px;margin-left:16px;font-size:12px}.nav a.nav-child svg{width:14px;height:14px}.nav a svg{flex:none;width:16px;height:16px}.sidebar .foot{border-top:1px solid var(--nav-line);color:var(--nav-muted);overflow-wrap:anywhere;flex:none;padding:16px 12px 0;font-size:11px;line-height:1.8}.sidebar .foot b{color:#eff4f7;font-size:12.5px;font-weight:600}.sidebar>form{flex:none}.sidebar .nav-logout{color:var(--nav-fg);border-color:var(--nav-line);background:0 0}.sidebar .nav-logout:hover{color:#eff4f7;background:var(--nav-active);border-color:#8ca5ba}.sidebar .nav-logout:focus-visible{outline-color:#b9cfdf}.main{min-width:0;padding:32px 36px 64px}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--nav-line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 12px;height:auto;padding:12px 16px 8px;display:grid;position:static}.sidebar>.brand{margin:0;padding:0;font-size:15px}.sidebar>.nav{flex-direction:row;grid-area:2/1/auto/-1;align-items:center;gap:8px;min-width:0;padding:3px 3px 6px;overflow:auto hidden}.nav-group{display:flex}.nav-group+.nav-group{border-left:1px solid var(--nav-line);padding-left:8px}.nav-group-label{display:none}.nav-group-items{flex-direction:row}.nav a{white-space:nowrap;padding:9px 10px}.nav a.nav-child{margin-left:0;font-size:12.5px}.sidebar .foot{display:none}.main{padding:20px 16px 48px}}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.page-head h1{letter-spacing:-.035em;font-size:24px;font-weight:750;line-height:1.4}.page-head p{color:var(--fg-2);max-width:78ch;margin-top:5px;line-height:1.65}h2{color:var(--fg);margin:28px 0 10px;font-size:14px;font-weight:600}h2 small{color:var(--muted);margin-left:8px;font-weight:400}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}.panel.pad{padding:16px 18px}.toolbar{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);flex-wrap:wrap;align-items:flex-end;gap:10px 12px;margin-bottom:16px;padding:12px 16px;display:flex}.toolbar .spacer{flex:1}.panel,.toolbar,.table-wrap{box-shadow:none}.segmented{border:1px solid var(--line-strong);border-radius:var(--r);display:inline-flex;overflow:hidden}.segmented a{color:var(--fg-2);border-right:1px solid var(--line);padding:6px 12px}.segmented a:last-child{border-right:0}.segmented a.active{background:var(--fg);color:var(--surface)}.segmented a:hover:not(.active){background:var(--surface-2)}.kpis{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.kpi{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0;padding:14px 16px}.kpis>.kpi:nth-child(3n){border-right:0}@media (max-width:700px){.kpis{grid-template-columns:repeat(2,1fr)}.kpis>.kpi:nth-child(3n){border-right:1px solid var(--line)}.kpis>.kpi:nth-child(2n){border-right:0}}.kpis.wide{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.kpis.wide>.kpi:nth-child(3n){border-right:1px solid var(--line)}.kpi .label{color:var(--fg-2);align-items:center;gap:6px;font-size:12px;display:flex}.kpi .value{letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:4px;font-size:20px;font-weight:700}.kpi .sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11.5px;overflow:hidden}.kpi.primary{background:var(--accent-weak)}.kpi.primary .label{color:var(--accent)}.num{font-variant-numeric:tabular-nums}.neg{color:var(--danger)}.pos{color:var(--ok)}.muted{color:var(--muted)}.rate{color:var(--muted);margin-left:4px;font-size:11px;font-weight:500}.table-wrap{overscroll-behavior-inline:contain;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid var(--line);vertical-align:middle;padding:10px 12px;line-height:1.55}th{background:var(--surface-2);color:var(--fg-2);z-index:1;font-size:12px;font-weight:600;position:sticky;top:0}tbody tr:last-child td{border-bottom:0}tbody tr:hover td,tbody tr:focus-within td{background:var(--surface-2)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}tr.total td{background:var(--surface-2);font-weight:700}.empty{text-align:center;color:var(--muted);padding:36px 16px}.empty b{color:var(--fg-2);margin-bottom:4px;font-weight:600;display:block}.badge{border-radius:var(--r);background:var(--surface-2);color:var(--fg-2);border:1px solid var(--line);white-space:nowrap;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge.CANCEL,.badge.CANCELED,.badge.RETURN,.badge.RETURNED{background:var(--danger-weak);color:var(--danger);border-color:#0000}.badge.EXCHANGE,.badge.EXCHANGED{background:var(--accent-weak);color:var(--accent);border-color:#0000}.badge.PENDING{background:var(--warn-weak);color:var(--warn);border-color:#0000}.badge.UNPAID{color:var(--muted);background:0 0;border-style:dashed}.badge.CONFIRMED,.badge.DELIVERED,.badge.ok,.badge.smartstore{background:var(--ok-weak);color:var(--ok);border-color:#0000}.badge.coupang{background:var(--danger-weak);color:var(--danger);border-color:#0000}.badge.cafe24{background:var(--accent-weak);color:var(--accent);border-color:#0000}.badge.naver_sa{background:var(--ok-weak);color:var(--ok);border-color:#0000}.badge.meta{background:var(--accent-weak);color:var(--accent);border-color:#0000}.badge.google_ads{background:var(--warn-weak);color:var(--warn);border-color:#0000}.badge.coupang_ads{background:var(--danger-weak);color:var(--danger);border-color:#0000}form.inline{flex-wrap:wrap;align-items:flex-end;gap:10px 12px;display:flex}form.stack{gap:16px;max-width:560px;display:grid}label.field{color:var(--fg-2);flex-direction:column;gap:6px;min-width:0;font-size:12px;font-weight:500;display:flex}label.field small{color:var(--fg-2);font-weight:400;line-height:1.6}input,select,textarea{border:1px solid var(--line-strong);border-radius:var(--r);background:var(--surface);color:var(--fg);min-height:36px;padding:8px 10px;font-family:inherit;font-size:13px}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}input:disabled,select:disabled,textarea:disabled{color:var(--fg-2);background:var(--surface-2);cursor:not-allowed}input[type=number]{text-align:right;font-variant-numeric:tabular-nums;width:120px}input[type=date]{width:150px}input[type=checkbox]{width:16px;height:16px;min-height:0;accent-color:var(--accent)}button,.btn{border-radius:var(--r);border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;min-height:36px;color:var(--fg);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:500;line-height:1.4;transition:background .12s,border-color .12s;display:inline-flex}button:hover:not(:disabled),.btn:hover{background:var(--surface-2);border-color:var(--fg-2)}button.primary,.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button.primary:hover:not(:disabled),.btn.primary:hover{background:color-mix(in srgb, var(--accent) 86%, #000);border-color:color-mix(in srgb, var(--accent) 86%, #000)}button.danger{color:var(--danger)}button.danger:hover:not(:disabled){background:var(--danger-weak);border-color:var(--danger)}button.sm,.btn.sm{min-height:28px;padding:4px 9px;font-size:12px}button:disabled{opacity:.55;cursor:not-allowed}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.actions{flex-wrap:wrap;gap:6px;display:flex}.actions form{display:contents}.notice{border-radius:var(--r);border:1px solid var(--line);background:var(--surface);align-items:flex-start;gap:10px;margin-bottom:14px;padding:10px 14px;font-size:13px;display:flex}.notice.error{background:var(--danger-weak);color:var(--danger);border-color:#0000}.notice.ok{background:var(--ok-weak);color:var(--ok);border-color:#0000}.notice.info{background:var(--accent-weak);color:var(--accent);border-color:#0000}.notice a{text-decoration:underline}details summary{cursor:pointer;color:var(--fg-2);font-weight:500}details[open] summary{margin-bottom:10px}textarea{width:100%;font-family:var(--mono);font-size:12px}pre{white-space:pre-wrap;font-size:12px}small{color:var(--muted)}.two-col{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.ellipsis{text-overflow:ellipsis;white-space:nowrap;max-width:260px;overflow:hidden}@media (max-width:1100px){.two-col{grid-template-columns:1fr}}.doc{max-width:860px;line-height:1.7}.doc h1{margin:0 0 12px;font-size:20px}.doc h2{margin:24px 0 8px;font-size:15px}.doc h3{margin:16px 0 6px;font-size:13.5px}.doc ol,.doc ul{margin:6px 0;padding-left:22px}.doc li{margin:3px 0}.doc p{margin:6px 0}.doc a{color:var(--accent);text-decoration:underline}.public-main{min-height:100dvh}.login-stage{place-items:center;min-height:100dvh;padding:24px;display:grid}.login-panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;width:min(100%,430px);padding:36px}.login-panel .brand{margin-bottom:36px;padding:0}.login-panel h1{letter-spacing:-.03em;margin-bottom:8px;font-size:24px}.login-panel>p{color:var(--fg-2)}.login-form{margin-top:28px}.login-form input{min-height:42px}.login-help{margin-top:24px;font-size:12px}.profile-panel{max-width:560px}.profile-panel h2,.access-users h2{margin-top:0}.nav-logout{width:100%}.crm-sync{border-block:1px solid var(--line);flex-wrap:wrap;gap:8px 24px;margin-bottom:20px;padding:12px 0;display:flex}.crm-sync>div{flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.crm-sync>div>span:not(.badge){color:var(--fg-2)}.crm-query{flex:1;min-width:220px}.crm-search{margin-bottom:20px}.crm-cases{margin-bottom:24px;scroll-margin-top:20px}.crm-cases>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;font-size:16px;font-weight:700;list-style:none;display:flex}.crm-cases>summary::-webkit-details-marker{display:none}.crm-cases>summary small{color:var(--muted);margin-left:6px;font-size:12px;font-weight:400}.crm-cases[open]>summary{margin-bottom:16px}.crm-collapse-label{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:400}.crm-collapse-label:after{content:"펼치기 ▾"}.crm-cases[open] .crm-collapse-label:after{content:"접기 ▴"}.crm-case-status{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.crm-status-help{margin-top:10px;font-size:12px;line-height:1.6}.crm-cases .crm-section-head{flex-wrap:wrap;gap:12px}.crm-cases .crm-section-head p{margin-top:6px;font-size:12px}.crm-case-filters{gap:6px;display:flex}.crm-filter-active{background:var(--accent-weak);border-color:var(--accent);color:var(--accent)}.crm-case-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px;display:grid}.crm-case-card{border:1px solid var(--line);border-radius:var(--r);overflow-wrap:anywhere;gap:8px;padding:14px;display:grid}.crm-case-card>.row:last-child{justify-content:space-between}.crm-case-empty{padding:16px 0 4px}#case-status{scroll-margin-top:20px}.crm-workspace{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:24px;display:grid}.crm-section-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.crm-section-head h2{margin:0}.crm-order-table td{vertical-align:top;padding-block:13px}.crm-order-table td>.badge{margin-bottom:5px}.crm-order-link{color:var(--accent);text-underline-offset:3px;overflow-wrap:anywhere;font-weight:600;text-decoration:underline;display:block}.crm-item-summary{white-space:normal;min-width:120px;max-width:260px}.crm-selected{background:var(--accent-weak)}.crm-pagination{color:var(--fg-2);justify-content:center;align-items:center;gap:16px;padding:16px 0;display:flex}.crm-detail{overflow:hidden}.crm-detail-empty{min-height:240px;padding:40px 24px}.crm-detail-empty h2{margin-top:0;font-size:16px}.crm-detail-empty p{color:var(--fg-2);line-height:1.8}.crm-detail-head{background:var(--surface-2);border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:10px;padding:20px;display:flex}.crm-detail-head h2{overflow-wrap:anywhere;margin:8px 0 2px;font-size:17px}.crm-detail-head p{color:var(--fg-2)}.crm-facts{gap:10px;padding:20px;display:grid}.crm-facts>div{grid-template-columns:82px minmax(0,1fr);gap:10px;display:grid}.crm-facts dt{color:var(--fg-2)}.crm-facts dd{overflow-wrap:anywhere}.crm-detail-section{border-top:1px solid var(--line);padding:20px}.crm-detail-section h3{margin-bottom:12px;font-size:14px}.crm-product+.crm-product{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.crm-product p{color:var(--fg-2);margin:2px 0 6px}.crm-shipment{overflow-wrap:anywhere;line-height:1.7}.crm-shipment+.crm-shipment{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.crm-address{white-space:pre-wrap;margin:8px 0}.crm-tracking{margin-top:8px;padding:0;list-style:none}.crm-tracking b{font-variant-numeric:tabular-nums}.crm-note-help{margin-bottom:14px;font-size:12px}.crm-detail textarea{font-family:var(--font);resize:vertical;line-height:1.6}.crm-notes{margin-top:22px;list-style:none}.crm-notes li{border-top:1px solid var(--line);padding:14px 0}.crm-notes li>div{flex-wrap:wrap;justify-content:space-between;gap:6px 12px;font-size:12px;display:flex}.crm-notes time{color:var(--fg-2)}.crm-notes p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:8px;line-height:1.7}.crm-related{border-top:1px solid var(--line);gap:4px;padding:10px 0;display:grid}.crm-related b{color:var(--accent)}.crm-related span{color:var(--fg-2);font-size:12px}.access-users{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px;display:grid}a:focus-visible,button:focus-visible,summary:focus-visible,input[type=checkbox]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (max-width:1250px){.crm-workspace{grid-template-columns:minmax(0,1fr)}.crm-detail{max-width:800px}}@media (max-width:600px){.crm-query{min-width:100%}.login-panel{padding:24px}.crm-sync>div{gap:6px}.crm-detail-head,.crm-facts,.crm-detail-section{padding:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}