:root{font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#202124;background:#f6f7f8;font-synthesis:none;font-size:14px;--border:#e5e7eb;--muted:#82858d}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #737b8c;outline-offset:3px}.sidebar{width:216px;position:fixed;inset:0 auto 0 0;background:white;border-right:1px solid var(--border);display:flex;flex-direction:column;padding:30px 18px;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:0 10px;font-size:17px;font-weight:700}.logo{width:38px;height:38px;background:#f0f1f2;border:1px solid var(--border);border-radius:6px;display:grid;place-items:center;font-size:11px;font-weight:500;color:#858891}.brand small{display:block;font-size:9px;letter-spacing:1.7px;color:#92959a;margin-top:5px}.nav-label{font-size:11px;color:#979ba3;margin:48px 14px 13px}.nav-item{display:flex;align-items:center;gap:12px;padding:13px 14px;margin-bottom:5px;border-radius:6px;color:#70757e;font-weight:500}.nav-item svg{width:18px;height:18px;stroke-width:1.6;flex-shrink:0}.nav-item:hover{background:#f5f6f7}.nav-item.active{background:#f0f1f3;color:#1d2026;font-weight:650}.nav-item .nav-count{margin-left:auto;font-size:11px;color:#747b86}.store-link{margin-top:auto;border-top:1px solid var(--border);padding:22px 12px 0;color:#757b84;font-size:12px;display:flex;justify-content:space-between}.workspace{margin-left:216px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:72px;border-bottom:1px solid var(--border);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 36px;font-size:12px;color:#757b84}.topbar>div,.account{display:flex;align-items:center;gap:12px}.demo-tag{background:#f5f6f7;color:#8a8e96;border:1px solid #edeef0;padding:5px 9px;border-radius:4px;font-size:11px;margin-right:12px}.avatar{width:28px;height:28px;background:#eceef1;border-radius:50%;display:grid;place-items:center;font-size:11px;color:#747a85}.menu-toggle{display:none;border:0;background:none;font-size:18px}main{padding:36px;max-width:1680px;width:100%;margin:0 auto;flex:1}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}h1{font-size:25px;letter-spacing:-1px;font-weight:650;margin:0 0 10px}p{line-height:1.7}.subtitle{color:var(--muted);margin:0;font-size:13px}.date-chip{background:white;border:1px solid var(--border);padding:10px 13px;border-radius:6px;font-size:12px;color:#777e88;white-space:nowrap}.date-chip span{margin-left:14px;color:#383d45}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:28px}.metric{background:#fff;border:1px solid var(--border);border-radius:8px;padding:23px;text-align:left;transition:border-color .15s}.metric:hover{border-color:#adb2b9}.metric-label{display:flex;justify-content:space-between;align-items:center;color:#7f858d;font-size:12px}.metric-label svg{width:17px;height:17px;stroke-width:1.5;color:#999ea6}.metric-value{font-size:29px;font-weight:600;letter-spacing:-.8px;margin:21px 0 10px}.metric-value small{font-size:14px;font-weight:400;margin-left:5px;color:#747b84}.metric-note{color:#999da5;font-size:11px}.card{background:white;border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-bottom:24px}.card-heading{padding:22px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}h2{font-size:15px;margin:0;font-weight:600}.card-heading h2 span{margin-left:9px;font-size:12px;color:#8c9199;font-weight:400}.text-link{font-size:12px;color:#858a93;border:0;background:none;padding:0}.dashboard-bottom{display:grid;grid-template-columns:1fr 1fr;gap:24px}.pending-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:28px 10px}.pending-grid button{background:none;border:0;border-right:1px solid var(--border);padding:5px}.pending-grid button:last-child{border:0}.pending-grid strong{display:block;font-size:25px;font-weight:550;margin-bottom:13px}.pending-grid span{font-size:12px;color:#858b94}.inquiry-line{display:flex;justify-content:space-between;gap:12px;width:100%;border:0;background:#fff;text-align:left;padding:18px 24px;border-bottom:1px solid #f0f1f3}.inquiry-line:last-child{border-bottom:0}.inquiry-line:hover{background:#fafbfc}.inquiry-line small{display:block;color:#999ea6;margin-top:7px;font-size:11px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:20px 24px;border-bottom:1px solid var(--border)}input,select,textarea{border:1px solid #dde0e5;border-radius:5px;background:#fff;padding:10px 12px;color:#454b55;outline:none}input:focus,select:focus,textarea:focus{border-color:#7e8794;box-shadow:0 0 0 2px #eef0f3}input::placeholder,textarea::placeholder{color:#a0a5ad}.search{min-width:250px;flex:1;max-width:340px}.toolbar select{min-width:115px}.button{padding:10px 15px;border:1px solid #dde0e5;border-radius:5px;background:#fff;white-space:nowrap;font-size:12px}.button:hover{background:#f5f6f7}.button.primary{background:#262a31;border-color:#262a31;color:white}.button.primary:hover{background:#3c424d}.date-filter{display:flex;align-items:center;gap:7px;font-size:12px;color:#979ca4}.date-filter input{max-width:142px;font-size:12px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{background:#fafbfc;color:#8a9099;font-size:11px;font-weight:500;height:43px;padding:0 24px;border-bottom:1px solid var(--border)}td{padding:18px 24px;border-bottom:1px solid #eff0f2;font-size:12px;color:#565d67;height:65px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfcfd}.cell-link{padding:0;border:0;background:none;text-align:left;font-size:12px;color:#303640;font-weight:500}.cell-link:hover{text-decoration:underline}.cell-sub{display:block;color:#a1a5ac;font-size:10px;margin-top:6px}.number{font-variant-numeric:tabular-nums}.badge{display:inline-block;border-radius:4px;padding:5px 8px;font-size:10px;background:#f0f1f3;color:#818791;white-space:nowrap}.badge.blue{background:#eef3fb;color:#6580ab}.badge.green{background:#eef5f1;color:#648a74}.badge.amber{background:#faf4e9;color:#a18b60}.badge.dark{background:#eff0f2;color:#5f6875}.stars{color:#9b8964;letter-spacing:1px;font-size:12px}.review-preview{max-width:290px;display:block;overflow:hidden;text-overflow:ellipsis}.pager{padding:19px 24px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;color:#9298a2;font-size:11px}.pages{display:flex;gap:4px}.pages button{background:white;border:1px solid transparent;border-radius:4px;min-width:30px;height:30px;color:#8b919a}.pages button.active{border-color:#dadde3;color:#313844;background:#f8f9fa}.pages button:disabled{opacity:.3;cursor:default}.placeholder{display:grid;place-items:center;background:#f0f1f3;color:#989ea7;border:1px solid #e9ebee;border-radius:5px;font-size:11px;min-height:120px}.product-cell{display:flex;align-items:center;gap:12px}.product-cell .placeholder{width:45px;min-height:45px;font-size:8px}.empty{text-align:center;padding:65px;color:#989ea7}.page-footer{padding:0 36px 25px;color:#a4a8af;font-size:10px;display:flex;justify-content:space-between}dialog{padding:0;border:0;margin:0 0 0 auto;width:560px;max-width:100%;height:100dvh;max-height:100dvh;color:#252a32;box-shadow:-8px 0 36px #161d2b16}dialog[open]{display:flex;flex-direction:column;animation:slide .18s ease-out}dialog::backdrop{background:#17203342}body:has(dialog[open]){overflow:hidden}@keyframes slide{from{transform:translateX(35px);opacity:.5}to{transform:translateX(0);opacity:1}}.drawer-head{padding:27px 28px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.drawer-head small{font-size:10px;letter-spacing:1px;color:#959ba4;display:block;margin-bottom:10px}.drawer-head h2{font-size:21px}.icon-button{width:32px;height:32px;background:none;border:0;color:#8b929d}#detail-form{min-height:0;flex:1;display:flex;flex-direction:column}.drawer-body{overflow:auto;padding:28px;flex:1}.drawer-foot{display:flex;align-items:center;gap:8px;padding:20px 28px;border-top:1px solid var(--border);background:white}.drawer-foot>span{margin-right:auto;font-size:10px;color:#a0a6af}.section-title{font-size:13px;font-weight:600;margin:27px 0 15px}.section-title:first-child{margin-top:0}.info-grid{display:grid;grid-template-columns:100px 1fr;gap:18px 12px;font-size:12px;margin:0}.info-grid dt{color:#949aa4}.info-grid dd{margin:0;line-height:1.6;word-break:break-word}.divider{height:1px;background:var(--border);margin:27px 0}.field{display:block;margin:18px 0;font-size:12px;color:#7b838f}.field input,.field select,.field textarea{display:block;width:100%;margin-top:9px;font-size:13px}.field textarea{min-height:110px;resize:vertical;line-height:1.7}.error{color:#b25858;display:block;font-size:11px;margin-top:8px}.field [aria-invalid=true]{border-color:#ba7171}.body-copy{background:#f8f9fa;padding:18px;line-height:1.9;white-space:pre-wrap;font-size:13px;border-radius:6px;color:#656d79}.mini-order{border:1px solid var(--border);border-radius:5px;padding:14px;margin-top:9px;display:block;width:100%;text-align:left;background:white}.mini-order strong{font-size:11px;font-weight:500}.mini-order span{display:block;margin-top:8px;font-size:11px;color:#8d95a0}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,15px);background:#292f38;color:#fff;padding:13px 22px;border-radius:7px;font-size:12px;opacity:0;pointer-events:none;transition:.18s;z-index:100}.toast.visible{opacity:1;transform:translate(-50%,0)}@media(min-width:1500px){main{padding-top:44px}.metrics{gap:24px}}@media(max-width:1100px){main{padding:28px 24px}.topbar{padding:0 24px}.metrics{gap:12px}.metric{padding:18px}.dashboard-bottom{grid-template-columns:1fr}.metric-value{font-size:24px}.toolbar{padding:18px}.date-filter{flex-wrap:wrap}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .18s;top:64px;box-shadow:8px 0 25px #202b3c10}.sidebar.open{transform:translateX(0)}.workspace{margin:0}.menu-toggle{display:inline-block}.topbar{height:64px;padding:0 18px}.demo-tag{display:none}main{padding:25px 18px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading{gap:12px;flex-wrap:wrap}h1{font-size:23px}.metric-value{margin:17px 0 10px}.metric{padding:18px}.date-chip{font-size:11px}.toolbar{padding:16px}.search{min-width:0;max-width:none;flex-basis:100%}.dashboard-bottom{gap:0}.card-heading{padding:20px 18px}.page-footer{padding:0 18px 24px;gap:15px;line-height:1.6}.drawer-head,.drawer-body{padding:22px}.drawer-foot{padding:16px}.drawer-foot>span{max-width:100px;line-height:1.6}.pager{padding:16px}th,td{padding-left:18px;padding-right:18px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}