:root{--bg:#0c0f11;--bg-2:#131517;--surface:#171a1c;--surface-2:#202326;--surface-3:#2a2e31;--border:#2d3134;--border-strong:#474e53;--text:#f3f5f7;--text-2:#a4acb2;--text-3:#6e767b;--text-4:#484e52;--brand:#b3dc5e;--brand-ink:#111a00;--up:#5fd37f;--down:#ff645f;--warn:#fab72a;--info:#38b8f6;--violet:#ad8dfd;--up-soft:color-mix(in oklch, var(--up) 18%, transparent);--down-soft:color-mix(in oklch, var(--down) 20%, transparent);--warn-soft:color-mix(in oklch, var(--warn) 20%, transparent);--info-soft:color-mix(in oklch, var(--info) 20%, transparent);--brand-soft:color-mix(in oklch, var(--brand) 18%, transparent);--r-1:4px;--r-2:6px;--r-3:10px;--r-4:14px;--shadow-1:0 1px 0 #ffffff08 inset, 0 1px 2px #0000004d;--shadow-pop:0 10px 40px #00000080, 0 2px 0 #ffffff0a inset;--font-sans:"IBM Plex Sans JP", "IBM Plex Sans", -apple-system, "Helvetica Neue", "Hiragino Sans", "Yu Gothic", system-ui, sans-serif;--font-mono:"JetBrains Mono", "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace}@supports (color:lab(0% 0 0)){:root{--bg:lab(4.0624% -.591062 -1.32141);--bg-2:lab(6.70475% -.834629 -1.8331);--surface:lab(8.94801% -.952609 -1.96404);--surface-2:lab(13.5894% -1.11224 -2.29178);--surface-3:lab(18.8108% -1.27274 -2.62);--border:lab(19.9709% -1.27454 -2.62088);--border-strong:lab(32.7359% -1.90313 -3.92706);--text:lab(96.525% -.495404 -.992239);--text-2:lab(69.8578% -1.94153 -3.94667);--text-3:lab(48.977% -1.92544 -3.93823);--text-4:lab(32.7339% -1.59834 -3.27871);--brand:lab(82.9621% -27.9914 55.6745);--brand-ink:lab(7.65284% -7.51176 11.1575);--up:lab(76.5065% -48.1818 31.6252);--down:lab(63.3139% 59.7937 35.1683);--warn:lab(79.137% 16.9725 73.9414);--info:lab(69.9198% -19.7717 -41.5641);--violet:lab(65.3317% 30.1817 -52.1393)}}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-feature-settings:"palt" 1, "ss01" 1;margin:0;font-size:13px;line-height:1.45}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}a{color:inherit;text-decoration:none}.app{grid-template:"side top"48px"side main"1fr/224px 1fr;height:100vh;display:grid}.topbar{grid-area:top}.sidebar{grid-area:side}.main{grid-area:main;overflow:auto}.sidebar{background:var(--bg-2);border-right:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.brand-mark{border-bottom:1px solid var(--border);align-items:center;gap:10px;height:48px;padding:14px 16px;display:flex}.brand-logo{background:linear-gradient(135deg, var(--brand) 0%, #00c992 100%);width:22px;height:22px;color:var(--brand-ink);font-family:var(--font-mono);border-radius:5px;place-items:center;font-size:12px;font-weight:700;display:grid}@supports (color:lab(0% 0 0)){.brand-logo{background:linear-gradient(135deg, var(--brand) 0%, lab(71.9572% -55.2143 15.5963) 100%)}}.brand-name{letter-spacing:-.01em;font-size:14px;font-weight:600}.brand-name span{color:var(--text-3);margin-left:4px;font-size:11px;font-weight:400}.nav{flex-direction:column;flex:1;gap:1px;padding:8px;display:flex;overflow:auto}.nav-section{letter-spacing:.08em;text-transform:uppercase;color:var(--text-4);padding:12px 10px 6px;font-size:10px;font-weight:600}.nav-item{border-radius:var(--r-2);color:var(--text-2);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:7px 10px;font-size:13px;display:flex;position:relative}.nav-item:hover{background:var(--surface);color:var(--text)}.nav-item.active{background:var(--surface-2);color:var(--text)}.nav-item.active:before{content:"";background:var(--brand);border-radius:2px;width:2px;position:absolute;top:8px;bottom:8px;left:-8px}.nav-item .ico{opacity:.85;flex-shrink:0;width:16px;height:16px}.nav-item .count{font-family:var(--font-mono);color:var(--text-3);background:var(--surface);border-radius:8px;margin-left:auto;padding:1px 6px;font-size:11px}.nav-item.active .count{background:var(--surface-3);color:var(--text-2)}.sidebar-foot{border-top:1px solid var(--border);align-items:center;gap:10px;padding:10px;display:flex}.avatar{background:linear-gradient(135deg, var(--violet), var(--info));width:28px;height:28px;color:var(--text);border-radius:50%;place-items:center;font-size:11px;font-weight:600;display:grid}.user-meta{flex-direction:column;min-width:0;line-height:1.2;display:flex}.user-meta strong{font-size:12px;font-weight:600}.user-meta span{color:var(--text-3);font-size:11px}.topbar{background:var(--bg-2);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:0 16px;display:flex}.breadcrumbs{color:var(--text-3);align-items:center;gap:8px;font-size:12px;display:flex}.breadcrumbs strong{color:var(--text);font-weight:500}.breadcrumbs .sep{color:var(--text-4)}.topbar-search{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-2);max-width:420px;color:var(--text-2);flex:1;align-items:center;gap:8px;padding:6px 10px;display:flex}.topbar-search input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:13px}.topbar-search kbd{font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--border);color:var(--text-3);border-radius:3px;padding:1px 5px;font-size:10px}.topbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.icon-btn{border-radius:var(--r-2);width:30px;height:30px;color:var(--text-2);place-items:center;display:grid;position:relative}.icon-btn:hover{background:var(--surface);color:var(--text)}.icon-btn .dot{background:var(--brand);border:2px solid var(--bg-2);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:7px}.env-pill{background:var(--surface);border:1px solid var(--border);color:var(--text-2);font-size:11px;font-family:var(--font-mono);border-radius:999px;align-items:center;gap:6px;padding:4px 8px;display:inline-flex}.env-pill .led{background:var(--up);width:6px;height:6px;box-shadow:0 0 6px var(--up);border-radius:50%}.page{max-width:1600px;margin:0 auto;padding:20px 24px 60px}.page-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px;display:flex}.page-title{letter-spacing:-.01em;margin:0 0 4px;font-size:22px;font-weight:600}.page-sub{color:var(--text-3);margin:0;font-size:12px}.page-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn{border-radius:var(--r-2);background:var(--surface);border:1px solid var(--border);color:var(--text);white-space:nowrap;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;transition:background .12s,border-color .12s;display:inline-flex}.btn:hover{background:var(--surface-2);border-color:var(--border-strong)}.btn.primary{background:var(--brand);color:var(--brand-ink);border-color:#0000;font-weight:600}.btn.primary:hover{background:#bfea6c;background:lab(87.6156% -28.1492 55.1861)}.btn.ghost{color:var(--text-2);background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--surface);color:var(--text)}.btn.sm{padding:4px 8px;font-size:11.5px}.btn.danger{color:var(--down);border-color:color-mix(in oklch, var(--down) 30%, var(--border))}.btn.danger:hover{background:var(--down-soft)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-3);overflow:hidden}.card-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.card-title{letter-spacing:-.005em;margin:0;font-size:13px;font-weight:600}.card-sub{color:var(--text-3);margin:0;font-size:11px}.card-body{padding:14px}.card-body.tight{padding:0}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-3);padding:14px 16px;position:relative;overflow:hidden}.kpi-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);align-items:center;gap:6px;margin-bottom:8px;font-size:11px;display:flex}.kpi-value{font-family:var(--font-mono);letter-spacing:-.02em;align-items:baseline;gap:4px;font-size:26px;font-weight:500;line-height:1.1;display:flex}.kpi-value .unit{color:var(--text-3);margin-left:2px;font-size:13px;font-weight:400}.kpi-meta{color:var(--text-3);align-items:center;gap:10px;margin-top:10px;font-size:11.5px;display:flex}.delta{font-family:var(--font-mono);border-radius:3px;align-items:center;gap:3px;padding:1px 6px;font-size:11.5px;display:inline-flex}.delta.up{color:var(--up);background:var(--up-soft)}.delta.down{color:var(--down);background:var(--down-soft)}.delta.flat{color:var(--text-3);background:var(--surface-2)}.kpi-spark{height:28px;margin-top:10px}.tbl-wrap{border-radius:var(--r-3);overflow:auto}table.tbl{border-collapse:separate;border-spacing:0;width:100%;font-size:12.5px}table.tbl th,table.tbl td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;white-space:nowrap;padding:9px 12px}table.tbl th{color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-2);z-index:1;font-size:11px;font-weight:500;position:sticky;top:0}table.tbl th.num,table.tbl td.num{text-align:right;font-family:var(--font-mono)}table.tbl tbody tr:hover{background:var(--surface-2)}table.tbl tbody tr.selected{background:color-mix(in oklch, var(--brand-soft) 60%, transparent)}table.tbl tbody tr:last-child td{border-bottom:none}table.tbl td.muted{color:var(--text-3)}table.tbl td .row-link{color:var(--text)}table.tbl td .row-link:hover{color:var(--brand)}.thumb{border-radius:var(--r-1);background:var(--surface-3);border:1px solid var(--border);background-position:50%;background-size:cover;flex-shrink:0;width:36px;height:36px}.cell-product{align-items:center;gap:10px;max-width:340px;display:flex}.cell-product .meta{flex-direction:column;min-width:0;display:flex}.cell-product .name{white-space:nowrap;text-overflow:ellipsis;max-width:280px;font-weight:500;overflow:hidden}.cell-product .sku{font-family:var(--font-mono);color:var(--text-3);font-size:10.5px}.badge{background:var(--surface-2);color:var(--text-2);white-space:nowrap;border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:500;display:inline-flex}.badge:before{content:"";background:var(--text-3);border-radius:50%;width:6px;height:6px}.badge.active:before{background:var(--up)}.badge.active{color:var(--up);background:var(--up-soft)}.badge.sold:before{background:var(--info)}.badge.sold{color:var(--info);background:var(--info-soft)}.badge.paid:before{background:var(--up)}.badge.paid{color:var(--up);background:var(--up-soft)}.badge.unpaid:before{background:var(--warn)}.badge.unpaid{color:var(--warn);background:var(--warn-soft)}.badge.shipped:before{background:var(--info)}.badge.shipped{color:var(--info);background:var(--info-soft)}.badge.delivered:before{background:var(--up)}.badge.delivered{color:var(--up);background:var(--up-soft)}.badge.problem:before{background:var(--down)}.badge.problem{color:var(--down);background:var(--down-soft)}.badge.draft:before{background:var(--text-3)}.badge.ended:before{background:var(--down)}.badge.ended{color:var(--down);background:var(--down-soft)}.chip{border:1px solid var(--border);background:var(--surface);color:var(--text-2);border-radius:999px;align-items:center;gap:6px;padding:3px 8px;font-size:11.5px;display:inline-flex}.chip.removable{padding-right:4px}.chip .x{width:16px;height:16px;color:var(--text-3);border-radius:50%;place-items:center;display:inline-grid}.chip .x:hover{background:var(--surface-3);color:var(--text)}.field{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-2);color:var(--text);align-items:center;gap:6px;min-height:30px;padding:5px 10px;font-size:12.5px;display:flex}.field input,.field select{background:0 0;border:none;outline:none;flex:1;min-width:0}.field:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in oklch, var(--brand) 18%, transparent)}.field.invalid{border-color:var(--down)}.field .lbl{color:var(--text-3);border-right:1px solid var(--border);padding-right:4px;font-size:11px}.field .suffix{color:var(--text-3);font-size:11px}select.field,.field select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-3) 50%), linear-gradient(135deg, var(--text-3) 50%, transparent 50%);background-position:calc(100% - 12px) 13px,calc(100% - 8px) 13px;background-repeat:no-repeat;background-size:4px 4px,4px 4px;padding-right:24px}label.lbl-stack{color:var(--text-2);flex-direction:column;gap:4px;font-size:12px;display:flex}.filterbar{border-bottom:1px solid var(--border);background:var(--bg-2);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.filter-tabs{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-2);gap:2px;padding:2px;display:flex}.filter-tabs button{border-radius:var(--r-1);color:var(--text-2);align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.filter-tabs button:hover{color:var(--text)}.filter-tabs button.active{background:var(--surface-3);color:var(--text)}.filter-tabs button .ct{font-family:var(--font-mono);color:var(--text-3);background:var(--bg-2);border-radius:3px;padding:0 5px;font-size:10.5px}.filter-tabs button.active .ct{color:var(--text-2)}.pager{border-top:1px solid var(--border);color:var(--text-3);justify-content:space-between;align-items:center;padding:10px 14px;font-size:12px;display:flex}.pager-ctrls{align-items:center;gap:4px;display:flex}.pager-ctrls .pg{border-radius:var(--r-1);color:var(--text-2);padding:3px 8px}.pager-ctrls .pg:hover{background:var(--surface-2);color:var(--text)}.pager-ctrls .pg.active{background:var(--surface-3);color:var(--text)}.pager-ctrls .pg:disabled{opacity:.4;cursor:default}.chart{width:100%;display:block}.tabs{border-bottom:1px solid var(--border);gap:0;margin-bottom:16px;display:flex}.tabs button{color:var(--text-3);border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 14px;font-size:13px}.tabs button:hover{color:var(--text-2)}.tabs button.active{color:var(--text);border-bottom-color:var(--brand)}.modal-bg{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:80;background:#0000008c;place-items:center;padding:40px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-4);width:100%;max-width:720px;max-height:90vh;box-shadow:var(--shadow-pop);overflow:auto}.modal.lg{max-width:980px}.modal-head{border-bottom:1px solid var(--border);background:var(--surface);z-index:2;justify-content:space-between;align-items:center;padding:14px 18px;display:flex;position:sticky;top:0}.modal-body{padding:18px}.row{align-items:center;gap:8px;display:flex}.row-between{justify-content:space-between;align-items:center;gap:12px;display:flex}.grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.mono{font-family:var(--font-mono)}.muted{color:var(--text-3)}.up{color:var(--up)}.down{color:var(--down)}.divider{background:var(--border);height:1px;margin:12px 0}.spacer{flex:1}.kbd{font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--border);color:var(--text-3);border-radius:3px;padding:1px 5px;font-size:10.5px}.empty{text-align:center;color:var(--text-3);padding:40px}.dot-sep{color:var(--text-4);margin:0 6px}.scrollbox{overflow:auto}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-3);border:2px solid var(--bg);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.toast-wrap{z-index:200;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.toast{background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--r-3);min-width:240px;box-shadow:var(--shadow-pop);align-items:center;gap:10px;padding:10px 14px;font-size:12.5px;animation:.2s toast-in;display:flex}.toast.ok{border-left:3px solid var(--up)}.toast.err{border-left:3px solid var(--down)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ebay-preview{color:#111;border-radius:var(--r-3);border:1px solid var(--border);background:#fff;font-family:Helvetica Neue,-apple-system,Arial,Hiragino Sans,Yu Gothic,sans-serif;overflow:hidden}.checkbox{appearance:none;border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;border-radius:3px;flex-shrink:0;place-items:center;width:14px;height:14px;display:inline-grid;position:relative}.checkbox:checked{background:var(--brand);border-color:var(--brand)}.checkbox:checked:after{content:"";border-left:1.5px solid var(--brand-ink);border-bottom:1.5px solid var(--brand-ink);width:8px;height:4px;transform:rotate(-45deg)translate(1px,-1px)}.progress{background:var(--surface-3);border-radius:2px;height:4px;position:relative;overflow:hidden}.progress>span{background:var(--brand);border-radius:2px;height:100%;display:block}.progress.warn>span{background:var(--warn)}.progress.danger>span{background:var(--down)}