:root{--bg-app: #F6F2E9;--bg-sidebar: #F1ECE0;--bg-card: #FFFDF8;--bg-input: #FFFFFF;--ink: #1D1B16;--ink-2: #6F6A5E;--ink-3: #A9A294;--line: #E7E1D3;--dark: #211E18;--dark-2: #33302A;--track: #ECE6D6;--sand: #F0DFC0;--accent: #F2C230;--accent-strong: #C9971C;--accent-soft: #FBF0D3;--accent-wash: #F8ECCB;--accent-ink: #3A2E05;--ok: #2E9E5B;--ok-bg: #E4F3E9;--warn: #B97A0C;--warn-bg: #FCEFD2;--danger: #D43D2A;--danger-bg: #FBE3DE;--packing-t: #8A6D1F;--packing-bg: #F5E6C8;--packing-dot: #8A6D1F;--ship-t: #2F6FB2;--ship-bg: #E1EDFA;--new-seg: #F6D876;--ship-seg: #211E18;--delivered-seg: #8F8878;--btn-bg: #211E18;--btn-ink: #FFFFFF;--pill-active-bg: #211E18;--pill-active-ink: #FFFFFF;--step-done: #211E18;--step-done-ink: #FFFFFF;--grid: #EFE9DA;--r-card: 16px;--r-btn: 10px;--r-pill: 999px;--r-input: 10px;--r-modal: 20px;--r-drawer: 20px;--r-bar: 6px;--r-cell: 4px;--r-av: 999px;--sh-card: 0 1px 2px rgba(74,60,32,.05), 0 4px 16px rgba(74,60,32,.05);--sh-pop: 0 12px 40px rgba(74,60,32,.14);--sh-btn: 0 1px 2px rgba(33,30,24,.18)}[data-accent=teal]{--accent: #14B8A6;--accent-strong: #0E9384;--accent-soft: #D9F3EF;--accent-wash: #DFF5F1;--accent-ink: #063B35}[data-accent=rose]{--accent: #F472B6;--accent-strong: #DB4C96;--accent-soft: #FBDCEB;--accent-wash: #FCE7F1;--accent-ink: #5B1033}[data-accent=blue]{--accent: #3B82F6;--accent-strong: #2563C9;--accent-soft: #DCE8FB;--accent-wash: #E5EEFC;--accent-ink: #122E5E}[data-theme=dark]{--bg-app: #171510;--bg-sidebar: #12100C;--bg-card: #201D17;--bg-input: #262219;--ink: #F2EDE1;--ink-2: #A8A294;--ink-3: #6E6759;--line: #2E2A22;--track: #2B271E;--sand: #3A3226;--grid: #2B271E;--btn-bg: var(--accent);--btn-ink: var(--accent-ink);--pill-active-bg: var(--accent);--pill-active-ink: var(--accent-ink);--step-done: var(--accent);--step-done-ink: var(--accent-ink);--sh-card: 0 1px 2px rgba(0,0,0,.3), 0 4px 16px rgba(0,0,0,.25);--sh-pop: 0 12px 40px rgba(0,0,0,.5);--sh-btn: 0 1px 2px rgba(0,0,0,.4);--new-seg: #8a7422;--ship-seg: #EDE7D8;--delivered-seg: #6e6759}*,*:before,*:after{transition-property:background-color,border-color,color,fill,stroke,stop-color;transition-duration:.2s;transition-timing-function:ease}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,-apple-system,Segoe UI,sans-serif;background:var(--bg-app);color:var(--ink);font-size:13px;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:linear-gradient(180deg,var(--accent-wash) 0%,transparent 340px);opacity:.38}#root{position:relative;z-index:1}.num{font-variant-numeric:tabular-nums}button{font-family:inherit}:focus{outline:none}:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px;border-radius:6px}::selection{background:var(--accent-soft)}.app{display:flex;min-height:100vh}.main{flex:1;min-width:0;display:flex;flex-direction:column}.page{padding:28px;max-width:1240px;width:100%;margin:0 auto}.grid12{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.stats4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.span3{grid-column:span 3}.span4{grid-column:span 4}.span5{grid-column:span 5}.span6{grid-column:span 6}.span7{grid-column:span 7}.span8{grid-column:span 8}.span12{grid-column:span 12}.card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--sh-card);padding:20px}.card-title{font-size:14px;font-weight:600;margin:0}.card-sub{font-size:12px;color:var(--ink-2);margin:4px 0 0}.card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.sidebar{width:248px;flex-shrink:0;height:100vh;position:sticky;top:0;background:var(--bg-sidebar);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:0 12px 16px}.brand{display:flex;align-items:center;gap:10px;height:76px;padding:0 8px}.brand-mark{width:28px;height:28px;border-radius:8px;background:var(--dark);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;letter-spacing:-.02em}.brand-name{font-size:16px;font-weight:700;letter-spacing:-.01em}.side-search{display:flex;align-items:center;gap:8px;height:34px;padding:0 10px;background:var(--bg-input);border:1px solid var(--line);border-radius:var(--r-input);color:var(--ink-3);font-size:12px;margin:0 4px 14px;cursor:text;flex-shrink:0}.side-nav{flex:0 1 auto;overflow-y:auto;min-height:0}.nav-sec{font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--ink-3);padding:10px 12px 6px}.nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:0;background:transparent;border-radius:10px;font-size:13px;font-weight:500;color:var(--ink-2);cursor:pointer;text-align:left;white-space:nowrap;overflow:hidden}.nav-item>span.lbl{overflow:hidden;text-overflow:ellipsis}.nav-item:hover{background:#211e180d;color:var(--ink)}[data-theme=dark] .nav-item:hover{background:#ffffff0f}.nav-item.active{background:var(--pill-active-bg);color:var(--pill-active-ink);font-weight:600}.nav-item svg{width:16px;height:16px;flex-shrink:0}.nav-badge{margin-left:auto;font-size:11px;font-weight:700;padding:2px 8px;background:var(--accent-soft);color:var(--accent-ink);border-radius:var(--r-pill)}.nav-dot{margin-left:auto;width:8px;height:8px;border-radius:50%;background:#e8842c}.side-spacer{flex:1}.plan-card{background:var(--accent-soft);border-radius:12px;padding:12px;margin:8px 4px}.plan-card .plan-name{font-size:12px;font-weight:600;color:var(--accent-ink)}.plan-bar{height:6px;border-radius:999px;background:#00000014;margin:8px 0 6px;overflow:hidden}[data-theme=dark] .plan-bar{background:#ffffff1f}.plan-bar i{display:block;height:100%;background:var(--accent);border-radius:999px;transition:width .6s ease-out}.plan-card .plan-sub{font-size:11px;color:var(--accent-ink);opacity:.75}.user-row{display:flex;align-items:center;gap:10px;padding:8px}.avatar{border-radius:var(--r-av);background:var(--sand);color:var(--ink);display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.user-row .avatar{width:32px;height:32px;font-size:12px}.user-name{font-size:13px;font-weight:600;line-height:1.2}.user-role{font-size:11px;color:var(--ink-3)}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg-app) 88%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.topbar h1{font-size:22px;font-weight:700;margin:0;letter-spacing:-.01em}.topbar .sub{font-size:13px;color:var(--ink-2);margin:2px 0 0}.topbar-actions{display:flex;align-items:center;gap:10px}.btn{height:38px;padding:0 16px;border-radius:var(--r-btn);border:0;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:8px;cursor:pointer;white-space:nowrap}.btn-dark{background:var(--btn-bg);color:var(--btn-ink);box-shadow:var(--sh-btn)}.btn-dark:hover{filter:brightness(1.06)}.btn-light{background:var(--bg-card);border:1px solid var(--line);color:var(--ink)}.btn-light:hover{background:var(--bg-input);border-color:var(--ink-3)}.btn-ghost{background:transparent;color:var(--ink-2)}.btn-ghost:hover{color:var(--ink);background:#211e180d}.btn-danger-ghost{background:transparent;color:var(--danger);font-weight:600}.btn-danger-ghost:hover{background:var(--danger-bg)}.btn-block{width:100%;justify-content:center;height:44px;font-size:14px}.btn svg{width:15px;height:15px}.icon-btn{width:36px;height:36px;border-radius:var(--r-btn);border:1px solid var(--line);background:var(--bg-card);color:var(--ink-2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.icon-btn:hover{color:var(--ink);border-color:var(--ink-3)}.icon-btn svg{width:16px;height:16px}.seg{display:inline-flex;background:var(--track);border-radius:var(--r-pill);padding:3px;gap:2px;position:relative}.seg button{border:0;background:transparent;color:var(--ink-2);font-size:12px;font-weight:600;padding:6px 14px;border-radius:var(--r-pill);cursor:pointer;position:relative;z-index:1}.seg button.active{color:#fff}[data-theme=dark] .seg button.active{color:var(--accent-ink)}.seg>.seg-pill{position:absolute;top:3px;bottom:3px;left:0;width:0;background:var(--dark);border-radius:var(--r-pill);transition:transform .3s cubic-bezier(.32,.72,.35,1),width .3s cubic-bezier(.32,.72,.35,1),opacity .18s ease}[data-theme=dark] .seg>.seg-pill{background:var(--accent)}.tab-row{display:flex;gap:6px;align-items:center}.tab{border:1px solid var(--line);background:var(--bg-card);color:var(--ink-2);font-size:12px;font-weight:600;padding:7px 14px;border-radius:var(--r-pill);cursor:pointer}.tab:hover{color:var(--ink);border-color:var(--ink-3)}.tab.active{background:var(--dark);border-color:var(--dark);color:#fff}[data-theme=dark] .tab.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:4px 10px;border-radius:var(--r-pill);white-space:nowrap}.pill .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.pill-new{background:var(--accent-soft);color:var(--accent-ink)}.pill-packing{background:var(--packing-bg);color:var(--packing-t)}.pill-shipped{background:var(--ship-bg);color:var(--ship-t)}.pill-delivered{background:var(--ok-bg);color:var(--ok)}.pill-cancelled{background:var(--danger-bg);color:var(--danger)}.pill-stock-ok{background:var(--ok-bg);color:var(--ok)}.pill-stock-low{background:var(--warn-bg);color:var(--warn)}.pill-stock-out{background:var(--danger-bg);color:var(--danger)}.kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.kpi-card{padding:16px}.kpi-label{font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2)}.kpi-value{font-size:22px;font-weight:700;margin:6px 0 2px;letter-spacing:-.01em}.kpi-delta{font-size:11px;font-weight:600}.kpi-delta.up{color:var(--ok)}.kpi-delta.down{color:var(--danger)}.kpi-row{display:flex;justify-content:space-between;align-items:flex-end;gap:8px}.alert-mini{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--ink-2);padding:3px 0}.alert-mini .dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.table-card{padding:8px 20px}table.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:left;font-size:11px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);padding:12px;border-bottom:1px solid var(--line);white-space:nowrap}.tbl td{padding:13px 12px;border-bottom:1px solid var(--line);font-size:13px;vertical-align:middle}.tbl tr:last-child td{border-bottom:0}.tbl tbody tr.row-click{cursor:pointer}.tbl tbody tr.row-click:hover td{background:#f8f4ea}[data-theme=dark] .tbl tbody tr.row-click:hover td{background:#ffffff08}.cell-main{font-weight:600}.cell-sub{font-size:11px;color:var(--ink-3);margin-top:2px}.cell-id{font-weight:700}.cell-avatar{display:flex;align-items:center;gap:10px}.cell-avatar .avatar{width:30px;height:30px;font-size:11px}.field{margin-bottom:14px}.field label{display:block;font-size:12px;font-weight:500;color:var(--ink-2);margin-bottom:6px}.input,.select,.textarea{width:100%;background:var(--bg-input);border:1px solid var(--line);border-radius:var(--r-input);padding:10px 12px;font-size:13px;color:var(--ink);font-family:inherit}.input::placeholder,.textarea::placeholder{color:var(--ink-3)}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent-strong)}.input.err{border-color:var(--danger)}.field-err{font-size:11px;color:var(--danger);margin-top:4px;font-weight:500}.textarea{resize:vertical;min-height:64px}.stepper{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:var(--r-input);background:var(--bg-input);overflow:hidden}.stepper button{width:40px;height:42px;border:0;background:transparent;font-size:16px;color:var(--ink-2);cursor:pointer;display:flex;align-items:center;justify-content:center}.stepper button:hover{background:var(--track);color:var(--ink)}.stepper .qty{min-width:48px;text-align:center;font-size:15px;font-weight:700}.stepper.big button{width:52px;height:44px}.stepper.big .qty{min-width:64px;font-size:17px}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1d1b1666;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.modal{background:var(--bg-card);border-radius:var(--r-modal);box-shadow:var(--sh-pop);padding:24px;width:440px;max-width:100%;max-height:90vh;overflow-y:auto}.modal h2{font-size:16px;font-weight:700;margin:0}.modal .modal-sub{font-size:12px;color:var(--ink-2);margin:4px 0 18px}.modal-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.drawer-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none}.drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#1d1b1666;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto}.drawer-wrap .backdrop{pointer-events:auto}.drawer{position:absolute;top:0;right:0;bottom:0;width:480px;max-width:94vw;background:var(--bg-card);border-radius:var(--r-drawer) 0 0 var(--r-drawer);box-shadow:var(--sh-pop);pointer-events:auto;overflow-y:auto;display:flex;flex-direction:column}.toast-zone{position:fixed;bottom:32px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column-reverse;gap:8px;align-items:center;pointer-events:none}.toast{background:var(--dark);color:#fff;font-size:13px;font-weight:500;padding:12px 20px;border-radius:var(--r-pill);box-shadow:var(--sh-pop);display:flex;align-items:center;gap:10px;max-width:480px;pointer-events:auto;white-space:nowrap}[data-theme=dark] .toast{background:#000;border:1px solid var(--line);color:var(--ink)}.toast .t-ico{width:18px;height:18px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast .t-ico svg{width:11px;height:11px}.stepper-track{display:flex;align-items:flex-start;padding:4px 0}.step-node{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0;width:76px;cursor:default}.step-node.clickable{cursor:pointer}.step-circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #D8D2C4;background:#fff;color:#fff;position:relative}[data-theme=dark] .step-circle{background:var(--bg-card)}.step-node.done .step-circle{background:var(--step-done);border-color:var(--step-done);color:var(--step-done-ink)}.step-node.done .step-circle svg{width:14px;height:14px}.step-node.active .step-circle{width:32px;height:32px;border:3px solid var(--accent);background:#fff}[data-theme=dark] .step-node.active .step-circle{background:var(--bg-card)}.step-node.active .step-circle:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--accent);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.72);opacity:.65}}.step-node .step-label{font-size:13px;color:var(--ink-3)}.step-node.done .step-label,.step-node.active .step-label{color:var(--ink);font-weight:600}.step-link{flex:1;height:2px;margin-top:14px;background:var(--line);border-radius:2px;min-width:12px;overflow:hidden}.step-node.active~.step-link{margin-top:16px}.step-link.fill{background:var(--step-done)}.inv-wrap{display:flex;align-items:center;gap:12px;min-width:190px}.inv-bar{flex:1;height:8px;border-radius:999px;background:var(--track);overflow:hidden;min-width:90px}.inv-bar i{display:block;height:100%;background:var(--accent);border-radius:999px;transition:width .4s ease-out,background-color .2s ease}.inv-wrap.low .inv-bar i{background:var(--danger)}.inv-label{font-size:12px;color:var(--ink-2);white-space:nowrap}.inv-wrap.low .inv-label{color:var(--danger);font-weight:600}.btn-restock{background:var(--accent-soft);color:var(--accent-ink);border:0;border-radius:8px;height:30px;padding:0 14px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.btn-restock:hover{filter:brightness(.97);box-shadow:var(--sh-btn)}.chart-tip{position:absolute;pointer-events:none;background:var(--dark);color:#fff;font-size:11px;font-weight:600;padding:7px 11px;border-radius:8px;box-shadow:var(--sh-pop);white-space:nowrap;z-index:5;transform:translate(-50%,-110%)}[data-theme=dark] .chart-tip{background:#000;border:1px solid var(--line);color:var(--ink)}.chart-tip .tip-sub{display:block;font-weight:400;opacity:.7;font-size:10px}.hbar-row{display:flex;align-items:center;gap:12px;padding:7px 0}.hbar-label{width:86px;font-size:13px;flex-shrink:0}.hbar-track{flex:1;height:6px;border-radius:999px;background:var(--track);overflow:hidden}.hbar-track.tall{height:8px}.hbar-track i{display:block;height:100%;background:var(--accent);border-radius:999px}.hbar-val{width:44px;text-align:right;font-size:13px;font-weight:600}.legend{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin-top:14px}.legend-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-2)}.legend-item .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.legend-item b{margin-left:auto;color:var(--ink);font-weight:700}.stacked{display:flex;height:10px;border-radius:999px;overflow:hidden;background:var(--track)}.stacked i{display:block;height:100%}.stacked i+i{border-left:2px solid var(--bg-card)}.hm{display:grid;gap:5px}.hm-row{display:contents}.hm-axis{font-size:11px;color:var(--ink-3);font-weight:500;display:flex;align-items:center}.hm-cell{height:26px;border-radius:var(--r-cell);cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center}.hm-legend{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--ink-3);margin-top:12px}.hm-legend .box{width:14px;height:14px;border-radius:4px}.peak-chip{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;background:var(--accent-soft);color:var(--accent-ink);border-radius:var(--r-pill);padding:5px 12px}.peak-chip .dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}.act-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.act-row:last-child{border-bottom:0}.act-ico{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.act-ico svg{width:14px;height:14px}.act-text{font-size:13px;flex:1;min-width:0}.act-time{font-size:11px;color:var(--ink-3);font-weight:500;white-space:nowrap}.act-amt{font-size:11px;font-weight:700;color:var(--ink-2);white-space:nowrap}.prod-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.prod-card{padding:16px;cursor:pointer}.hover-lift{transition:transform .15s ease,box-shadow .15s ease}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--sh-pop)}.prod-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.prod-tile{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent-ink)}.prod-tile.dark{background:var(--dark);color:#fff}.prod-tile svg{width:20px;height:20px}.prod-delta{font-size:11px;font-weight:600}.prod-delta.up{color:var(--ok)}.prod-delta.down{color:var(--danger)}.prod-name{font-size:13px;font-weight:600}.prod-var{font-size:11px;color:var(--ink-3);margin:2px 0 6px}.prod-price{font-size:20px;font-weight:700;margin-top:8px;letter-spacing:-.01em}.prod-sold{font-size:11px;color:var(--ink-3)}.prod-low{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--danger);margin-top:6px}.prod-low .dot{width:6px;height:6px;border-radius:50%;background:var(--danger)}.set-tabs{display:flex;gap:4px;margin-bottom:20px}.swatch-row{display:flex;gap:12px;margin:10px 0 6px}.swatch{width:36px;height:36px;border-radius:50%;border:0;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;color:#fff}.swatch.active{box-shadow:0 0 0 3px var(--bg-card),0 0 0 5px var(--ink)}.swatch svg{width:15px;height:15px}.set-label{font-size:13px;font-weight:600;margin:18px 0 8px}.set-label:first-child{margin-top:0}.set-hint{font-size:12px;color:var(--ink-2);margin-top:8px}.empty{text-align:center;padding:40px 20px;color:var(--ink-2)}.empty svg{width:44px;height:44px;color:var(--ink-3);margin-bottom:12px}.empty p{font-size:13px;margin:4px 0 0}.drawer-head{padding:24px 24px 0;display:flex;gap:14px;align-items:flex-start}.drawer-head .avatar{width:56px;height:56px;font-size:18px}.drawer-title{font-size:18px;font-weight:700;margin:0}.drawer-sub{font-size:13px;color:var(--ink-2);margin:3px 0 0}.drawer-close{margin-left:auto}.drawer-step{padding:20px 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:20px}.drawer-body{padding:20px 24px;flex:1}.stat2x2{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px;margin-bottom:20px}.stat2x2 .s-label{font-size:12px;color:var(--ink-2)}.stat2x2 .s-val{font-size:16px;font-weight:700;margin-top:2px}.item-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.item-row:last-child{border-bottom:0}.item-thumb{width:40px;height:40px;border-radius:10px;background:var(--accent-soft);color:var(--accent-ink);display:flex;align-items:center;justify-content:center;flex-shrink:0}.item-thumb svg{width:18px;height:18px}.item-name{font-size:13px;font-weight:600}.item-sub{font-size:11px;color:var(--ink-3)}.item-total{margin-left:auto;font-size:13px;font-weight:700}.drawer-foot{padding:20px 24px 24px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px;align-items:center}.drawer-foot .btn-danger-ghost{font-size:13px}.row-between{display:flex;justify-content:space-between;align-items:center}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:18px 0 14px;gap:12px;flex-wrap:wrap}.search-box{position:relative}.search-box svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--ink-3)}.search-box .input{padding-left:32px;width:240px;height:36px}.top-seller-row{padding:9px 0;border-bottom:1px solid var(--line)}.top-seller-row:last-child{border-bottom:0}.top-seller-row .ts-name{font-size:13px;font-weight:500}.top-seller-row .ts-var{font-size:11px;color:var(--ink-3)}.top-seller-row .ts-units{font-size:13px;font-weight:600}.ts-bar{height:4px;border-radius:999px;background:var(--track);margin-top:7px;overflow:hidden}.ts-bar i{display:block;height:100%;background:var(--accent);border-radius:999px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media print{.sidebar,.topbar,.drawer-wrap,.toast-zone,.backdrop{display:none!important}.page{max-width:none}}