@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#f5f6f8;--panel:#fff;--surface-alt:#eceef2;--text:#12141a;--muted:#5a6170;--border:#e1e4ea;--border-strong:#c4c9d3;--accent:#4338ca;--accent-hover:#3730a3;--accent-soft:#eceeff;--live:#127a3f;--live-bg:#e2f3e8;--warn:#8a4b00;--warn-bg:#fff1dc;--warn-border:#f0c98a;--local:#1a4fa0;--local-bg:#e8f0fe;--error:#b42318;--error-bg:#fdf0ee;--radius:12px;--radius-sm:8px;--focus:0 0 0 3px #4338ca4d;--sidebar:220px;--font-display:"Space Grotesk Variable", system-ui, sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}a{color:var(--accent);text-underline-offset:.18em}a:hover{color:var(--accent-hover)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;line-height:1.25}h1{margin:0;font-size:1.625rem}h2{margin:0 0 12px;font-size:1.0625rem}h3{margin:16px 0 8px;font-size:.9375rem}.icon{vertical-align:middle;flex:none}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.hint,small{color:var(--muted)}.hint{margin:4px 0 12px;font-size:.875rem}.block{display:block}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.8125rem}.num{text-align:right;font-variant-numeric:tabular-nums}.error{color:var(--error)}.ok{color:var(--live)}.warn-text{color:var(--warn)}.loading{color:var(--muted);padding:24px 0}.topbar{z-index:10;background:var(--text);color:#fff;justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.02em;color:#fff;align-items:center;gap:10px;font-weight:700;text-decoration:none;display:inline-flex}.brand:hover{color:#fff}.logo-lockup{align-items:center;gap:8px;display:inline-flex}.logo-pick{fill:#8b8ff5}.logo-name{font-family:var(--font-display);letter-spacing:-.03em;font-size:1.125rem}.brand-tag{color:#c4c9d3;letter-spacing:.04em;text-transform:uppercase;border:1px solid #ffffff40;border-radius:999px;padding:1px 8px;font-size:.75rem;font-weight:600}.centred{justify-content:center;padding-top:48px;display:flex}.narrow{max-width:420px;margin:48px auto}.shell{grid-template-columns:var(--sidebar) minmax(0, 1fr);background:linear-gradient(90deg, var(--panel) calc(var(--sidebar) - 1px), var(--border) calc(var(--sidebar) - 1px) var(--sidebar), transparent var(--sidebar));min-height:calc(100vh - 56px);display:grid}.sections{flex-direction:column;align-self:start;gap:2px;padding:20px 13px 20px 12px;display:flex;position:sticky;top:56px}.sections a{border-radius:var(--radius-sm);color:var(--muted);align-items:center;gap:10px;padding:9px 12px;font-weight:500;text-decoration:none;display:flex}.sections a:hover{background:var(--surface-alt);color:var(--text)}.sections a[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:600}.sections .count{margin-left:auto}.content{width:100%;max-width:1120px;padding:28px 32px 64px}@media (width<=800px){.shell{background:0 0;display:block}.sections{z-index:5;border-bottom:1px solid var(--border);background:var(--panel);flex-direction:row;padding:8px 12px}.sections a{flex:1;justify-content:center}.sections .count{margin-left:0}.content{padding:20px 16px 48px}.topbar{padding:0 16px}}.heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px 16px;margin-bottom:20px;display:flex}.heading .hint{margin:4px 0 0}.heading h2{margin:0}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:20px}.panel>h2:first-child{margin-top:0}.panel-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.panel-head h2{margin:0}.subsection{border-top:1px solid var(--border);margin-top:24px;padding-top:16px}.subsection h3{margin-top:0}.actions,.badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.badges{gap:6px}.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:0 16px;display:grid}.empty{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;display:flex}.empty p{margin:0}.empty .icon{color:var(--live)}.content>section>p:first-child{margin-top:0}.back{color:var(--muted);align-items:center;gap:4px;margin-bottom:4px;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.back:hover{color:var(--text)}.with-icon{align-items:center;gap:8px;display:flex}.with-icon .icon{color:var(--accent)}.inline-action{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field>span{font-size:.8125rem;font-weight:600}.field small{font-size:.8125rem}.field.invalid input,.field.invalid select,.field.invalid textarea{border-color:var(--error);background:var(--error-bg)}input,select,textarea{font:inherit;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--panel);width:100%;color:var(--text);padding:8px 10px}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--accent)}.check{align-items:center;gap:8px;margin:4px 0 12px;font-weight:600;display:flex}input[type=file]{padding:6px;font-size:.875rem}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:var(--focus);outline:none}textarea{resize:vertical}.form-error{border-radius:var(--radius-sm);background:var(--error-bg);margin:0 0 12px;padding:10px 12px}.saved{color:var(--live);font-size:.875rem;font-weight:600}button{font:inherit;border-radius:var(--radius-sm);border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:.9375rem;font-weight:600;line-height:1.25;transition:background .15s,border-color .15s;display:inline-flex}button:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}button.secondary{background:var(--panel);border-color:var(--border-strong);color:var(--text)}button.secondary:hover:not(:disabled){background:var(--surface-alt);border-color:var(--border-strong)}button.danger{background:var(--error);border-color:var(--error)}button.danger:hover:not(:disabled){background:#8f1c13;border-color:#8f1c13}button.small{padding:4px 10px;font-size:.8125rem}button:disabled{opacity:.55;cursor:default}.tabs{background:var(--surface-alt);border-radius:10px;flex-wrap:wrap;gap:4px;width:fit-content;max-width:100%;margin-bottom:16px;padding:4px;display:flex}.tab{color:var(--muted);background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;padding:6px 12px;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}button.tab:hover:not(:disabled),a.tab:hover{color:var(--text);background:#fff9}.tab.active,button.tab.active:hover:not(:disabled){background:var(--panel);color:var(--text);box-shadow:0 1px 2px #12141a14}.count{background:var(--accent);color:#fff;text-align:center;border-radius:999px;min-width:1.7em;padding:0 6px;font-size:.75rem;font-weight:700;line-height:1.6;display:inline-block}.tab .count{background:var(--border-strong);color:var(--text)}.count.warn,.tab .count.warn{background:var(--warn-bg);color:var(--warn)}.badge{background:var(--surface-alt);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;padding:1px 8px;font-size:.75rem;font-weight:600;line-height:1.6;display:inline-flex}.badge.live{background:var(--live-bg);color:var(--live)}.badge.todo{background:var(--text);color:#fff}.badge.progress{background:var(--accent-soft);color:var(--accent)}.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge.local{background:var(--local-bg);color:var(--local)}.badge.muted{background:var(--surface-alt);color:var(--muted)}.table-wrap{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9375rem}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 12px}th{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:600}th.num{text-align:right}.list th{background:#f8f9fb}.list th:first-child,.list td:first-child{padding-left:16px}.list th:last-child,.list td:last-child{padding-right:16px}.list tbody tr:last-child td{border-bottom:0}.list tbody tr{position:relative}.list tbody tr:hover{background:#f8f9fb}.list tr.flagged td:first-child{box-shadow:inset 3px 0 0 var(--warn-border)}.row-link{color:var(--text);font-weight:600;text-decoration:none}.row-link:after{content:"";position:absolute;inset:0}.row-link:hover{color:var(--accent)}.row-link:focus-visible{outline:none}.list tr:has(.row-link:focus-visible){outline:2px solid var(--accent);outline-offset:-2px}.product-cell{align-items:center;gap:12px;display:flex}.thumb{border-radius:var(--radius-sm);background:var(--surface-alt);color:#8d93a0;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.stock-num{font-variant-numeric:tabular-nums;font-weight:600}.stock-num.low{color:var(--warn)}.stock-num.out{color:var(--error)}@media (width<=800px){.list thead{display:none}.list,.list tbody,.list tr,.list td{display:block}.list tr{border-bottom:1px solid var(--border);padding:12px 16px}.list tr.flagged{box-shadow:inset 3px 0 0 var(--warn-border)}.list tr.flagged td:first-child{box-shadow:none}.list tbody tr:last-child{border-bottom:0}.list td,.list td:first-child,.list td:last-child{text-align:left;border:0;padding:2px 0}.list td[data-label]{justify-content:space-between;font-size:.875rem;display:flex}.list td[data-label]:before{content:attr(data-label);color:var(--muted)}.list td .badges{margin-top:6px}.list td.num small.block{margin-left:8px;display:inline}}.pager{align-items:center;gap:12px;margin-top:16px;display:flex}.pager .hint{margin:0}.toolbar{flex-wrap:wrap;gap:8px 12px;margin-bottom:16px;display:flex}.toolbar select{width:auto;min-width:160px}.search{flex:260px;align-items:center;display:flex;position:relative}.search .icon{color:var(--muted);pointer-events:none;position:absolute;left:11px}.search input{padding-left:36px}.order-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:16px;display:grid}@media (width<=1000px){.order-layout{flex-direction:column;gap:0;display:flex}.order-main,.order-side{display:contents}.order-layout .deliver{order:1}.order-layout .customer{order:2}.order-layout .order-items{order:3}.order-layout .order-actions{order:4}.order-layout .payment{order:5}}.items td,.items th{padding-left:0}.items th:last-child,.items td:last-child{padding-right:0}.items tfoot td{color:var(--muted);border-bottom:0;padding-top:6px;padding-bottom:6px}.items tfoot tr:first-child td{padding-top:14px}.items tfoot .grand td{color:var(--text);font-size:1.0625rem;font-weight:700}.qty-pill{background:var(--text);color:#fff;text-align:center;border-radius:6px;min-width:2em;padding:1px 6px;font-weight:700;display:inline-block}.address{white-space:pre-line;margin:0;font-size:1.0625rem;line-height:1.5}.status-line{align-items:flex-start;gap:8px;margin:0;display:flex}.status-line .icon{margin-top:2px}.status-line.ok{color:var(--live)}.facts{grid-template-columns:max-content minmax(0,1fr);gap:6px 16px;margin:0;font-size:.875rem;display:grid}.facts dt{color:var(--muted)}.facts dd{overflow-wrap:anywhere;margin:0}.attention{background:var(--warn-bg);border:1px solid var(--warn-border);border-radius:var(--radius);color:var(--warn);align-items:flex-start;gap:12px;margin-bottom:16px;padding:14px 16px;display:flex}.attention>div{color:var(--text);flex:1}.attention .actions{margin-top:10px}.image-preview{aspect-ratio:1;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-alt);justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.image-preview .hint{text-align:center;padding:0 12px}.image-preview img{object-fit:cover;width:100%;height:100%}.variant{margin-bottom:8px;padding:14px 16px}.variant>.heading{align-items:center;margin-bottom:0}.variant>form,.variant>.form-error{margin-top:16px}.variant-facts{color:var(--muted);flex-wrap:wrap;gap:4px 14px;margin-top:2px;font-size:.875rem;display:flex}.variant-facts .price{color:var(--text);font-weight:600}.variant .actions button{padding:6px 12px;font-size:.875rem}.stock{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.movements{margin-top:12px;font-size:.8125rem}.movements th,.movements td{padding:6px 8px}@media print{.topbar,.sections,.no-print,button{display:none!important}.shell,.order-layout{display:block}.content{max-width:none;padding:0}.panel{border:0;padding:0}}.gallery{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;margin:0 0 16px;padding:0;list-style:none;display:grid}.gallery li{flex-direction:column;gap:6px;display:flex}.gallery .image-preview{position:relative}.gallery-main{position:absolute;top:8px;left:8px}.variant-summary{align-items:center;gap:12px;display:flex}.image-choice{border:0;flex-wrap:wrap;grid-column:1/-1;gap:10px;margin:0 0 14px;padding:0;display:flex}.image-choice legend{margin-bottom:6px;font-size:.8125rem;font-weight:600}.image-choice label{cursor:pointer;flex-direction:column;align-items:center;gap:4px;display:flex}.image-choice input{opacity:0;pointer-events:none;position:absolute}.choice-thumb{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-alt);width:64px;height:64px;display:block;overflow:hidden}.choice-thumb img{object-fit:cover;width:100%;height:100%}.image-choice label:has(input:checked) .choice-thumb{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.image-choice label:has(input:focus-visible) .choice-thumb{outline:2px solid var(--accent);outline-offset:2px}