:root{--black:#0f0f0f;--panel:#1a1a1a;--panel-2:#212121;--line:#2c2a26;--gold:#c9a96e;--gold-dim:#8f7850;--cream:#f3ecdf;--white:#fff;--muted:#9a9488;--danger:#c9705f;--ok:#7fa583;--warn:#d8ab5b;--info:#7fa0a5;--radius:14px;--radius-sm:8px;--shadow:0 10px 30px #00000059;--sidebar-w:250px;--bg:var(--black);--text:var(--cream);--text-strong:var(--white);--font-display:"Cormorant Garamond", serif;--font-body:"Inter", sans-serif}[data-theme=light]{--bg:#faf7f0;--panel:#fff;--panel-2:#f2ede1;--line:#e5ddc9;--cream:#3a352b;--white:#161310;--muted:#8a8072;--shadow:0 10px 30px #00000014}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0;padding:0}body{background:var(--bg);color:var(--cream);font-family:var(--font-body);-webkit-font-smoothing:antialiased;transition:background .2s,color .2s}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:.2px;color:var(--white);margin:0 0 4px;font-weight:600}p{color:var(--muted);margin:0}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer}input,select,textarea{font-family:var(--font-body)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#88807066;border-radius:8px}.topbar{z-index:40;background:color-mix(in srgb, var(--bg) 90%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 20px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;display:flex}.brand .mark{background:linear-gradient(135deg, var(--gold), var(--gold-dim));color:#161616;width:36px;height:36px;font-family:var(--font-display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.brand-text .biz{color:var(--white);letter-spacing:.3px;font-size:15px;font-weight:600}.brand-text .sub{color:var(--gold);text-transform:uppercase;letter-spacing:1.5px;font-size:11px}.top-actions{align-items:center;gap:8px;display:flex}.icon-btn{border:1px solid var(--line);background:var(--panel);width:38px;height:38px;color:var(--cream);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.icon-btn:hover{border-color:var(--gold);color:var(--gold)}.icon-btn .dot{background:var(--danger);border:1.5px solid var(--bg);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.offline-pill{background:var(--panel);border:1px solid var(--warn);color:var(--warn);border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;display:none}.offline-pill.show{display:flex}.save-indicator{background:var(--panel);border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:11px;transition:all .2s;display:flex}.save-indicator.saving{color:var(--warn);border-color:var(--warn)}.save-indicator.saving:before{content:"";background:var(--warn);border-radius:50%;width:6px;height:6px;animation:1s infinite pulseDot}.save-indicator.saved{color:var(--ok);border-color:var(--ok)}.save-indicator.error{color:var(--danger);border-color:var(--danger)}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.3}}@media (width<=880px){.header-shortcut{display:none}}.shell{min-height:calc(100vh - 66px);display:flex}.sidebar{width:var(--sidebar-w);border-right:1px solid var(--line);flex-shrink:0;height:calc(100vh - 66px);padding:18px 12px 90px;position:sticky;top:66px;overflow-y:auto}.nav-group-label{text-transform:uppercase;letter-spacing:1.6px;color:var(--muted);padding:14px 12px 6px;font-size:10.5px}.nav-item{border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;border:1px solid #0000;align-items:center;gap:12px;margin-bottom:2px;padding:11px 12px;font-size:14.5px;font-weight:500;transition:all .15s;display:flex}.nav-item svg{opacity:.85;flex-shrink:0;width:18px;height:18px}.nav-item:hover{background:var(--panel);color:var(--cream)}.nav-item.active{background:var(--panel);color:var(--gold);border-color:var(--line)}.nav-item.active svg{opacity:1}.nav-badge{background:var(--danger);color:#fff;border-radius:20px;margin-left:auto;padding:2px 7px;font-size:10.5px;font-weight:700}.sidebar-version{color:var(--muted);letter-spacing:.3px;border-top:1px solid var(--line);margin-top:18px;padding:12px;font-size:10.5px}.main{flex:1;min-width:0;padding:22px 22px 100px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:20px;display:flex}.page-head h1{font-size:30px}.page-head p{font-size:13.5px}.btn{border:1px solid var(--line);background:var(--panel);color:var(--cream);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:11px 18px;font-size:13.5px;font-weight:600;transition:all .18s;display:inline-flex}.btn:hover{border-color:var(--gold);color:var(--gold)}.btn.primary{background:linear-gradient(135deg, var(--gold), var(--gold-dim));color:#161616;border:none}.btn.primary:hover{filter:brightness(1.08);color:#161616}.btn.ghost{background:0 0}.btn.danger{color:var(--danger);border-color:var(--danger);background:0 0}.btn.sm{padding:7px 13px;font-size:12.5px}.btn:disabled{opacity:.4;cursor:not-allowed}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.empty{text-align:center;border:1px dashed var(--line);border-radius:var(--radius);padding:60px 20px}.empty h4{color:var(--white);margin-bottom:6px;font-size:19px}.empty p{max-width:340px;margin:0 auto 16px;font-size:13.5px}.badge{text-transform:uppercase;letter-spacing:.4px;border-radius:20px;padding:3px 10px;font-size:10.5px;font-weight:700;display:inline-block}.badge.ok{background:color-mix(in srgb, var(--ok) 18%, transparent);color:var(--ok)}.badge.warn{background:color-mix(in srgb, var(--warn) 18%, transparent);color:var(--warn)}.badge.danger{background:color-mix(in srgb, var(--danger) 18%, transparent);color:var(--danger)}.badge.muted{background:color-mix(in srgb, var(--muted) 18%, transparent);color:var(--muted)}.badge.gold{background:color-mix(in srgb, var(--gold) 18%, transparent);color:var(--gold)}.badge.info{background:color-mix(in srgb, var(--info) 18%, transparent);color:var(--info)}.mobile-nav{z-index:60;background:color-mix(in srgb, var(--bg) 95%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:8px 4px calc(8px + env(safe-area-inset-bottom));justify-content:space-around;display:none;position:fixed;bottom:0;left:0;right:0}.mnav-item{color:var(--muted);border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:3px;min-width:0;padding:6px 8px;font-size:9.5px;font-weight:600;display:flex}.mnav-item svg{width:20px;height:20px}.mnav-item.active{color:var(--gold)}.mnav-item span{white-space:nowrap;text-overflow:ellipsis;max-width:56px;overflow:hidden}.more-sheet{background:var(--bg);border-top:1px solid var(--line);z-index:95;padding:14px 10px calc(14px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;max-height:75vh;transition:all .25s;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.more-sheet.open{transform:translateY(0)}@media (width<=880px){.sidebar{display:none}.mobile-nav{display:flex}.main{padding:16px 14px 100px}.page-head h1{font-size:24px}}label{color:var(--muted);letter-spacing:.2px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.field{margin-bottom:14px}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.hint{color:var(--muted);margin-top:5px;font-size:11.5px}.divider{background:var(--line);height:1px;margin:16px 0}input[type=text],input[type=number],input[type=search],input[type=email],input[type=tel],select,textarea{background:var(--panel-2);border:1px solid var(--line);color:var(--cream);border-radius:var(--radius-sm);width:100%;padding:11px 13px;font-size:14px;transition:all .15s}input:focus,select:focus,textarea:focus{border-color:var(--gold);outline:none}.chip-select{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);background:var(--panel-2);color:var(--cream);cursor:pointer;border-radius:999px;padding:9px 14px;font-size:13px;transition:all .15s}.chip.selected{background:linear-gradient(135deg, var(--gold), var(--gold-dim));color:#161616;border:none;font-weight:600}.chip:hover{border-color:var(--gold)}.tag-row{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;margin-bottom:8px;padding:9px 12px;font-size:13px;display:flex}.tag-row .del{color:var(--danger);cursor:pointer;font-size:12px}.tag-row .move{color:var(--muted);cursor:pointer;font-size:12px}.settings-tabs{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.settings-tab{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:8px 14px;font-size:12.5px}.settings-tab.active{color:var(--gold);border-color:var(--gold-dim);background:var(--panel)}.theme-row{gap:8px;display:flex}.theme-opt{text-align:center;border-radius:var(--radius-sm);border:1px solid var(--line);cursor:pointer;color:var(--muted);background:0 0;flex:1;padding:12px;font-size:12.5px}.theme-opt.active{border-color:var(--gold);color:var(--gold);background:var(--panel)}.subtabs{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex;overflow-x:auto}.subtab{border:1px solid var(--line);color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border-radius:999px;padding:9px 14px;font-size:12.5px}.subtab.active{color:var(--gold);border-color:var(--gold-dim);background:var(--panel)}.pipeline{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex;overflow-x:auto}.pipe-col{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex:1;min-width:150px;padding:12px}.pipe-col h4{text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin-bottom:10px;font-size:12px}.po-card{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;margin-bottom:8px;padding:10px;font-size:12.5px}.po-card .id{color:var(--gold);margin-bottom:3px;font-size:12px;font-weight:700}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:480px}th{text-align:left;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);background:var(--panel);border-bottom:1px solid var(--line);white-space:nowrap;padding:12px 14px;font-size:11px}td{border-bottom:1px solid var(--line);vertical-align:middle;padding:12px 14px;font-size:13.5px}tr:last-child td{border-bottom:none}.checkbox-row{align-items:center;gap:8px;padding:8px 0;display:flex}.checkbox-row input{width:auto}.flex{align-items:center;display:flex}.gap8{gap:8px}.mt8{margin-top:8px}.mt16{margin-top:16px}.w-full{width:100%}.wizard-steps{flex-wrap:wrap;gap:6px;margin-bottom:22px;display:flex}.wstep{text-align:center;background:var(--panel);min-width:60px;color:var(--muted);border:1px solid var(--line);border-radius:999px;flex:1;padding:9px 4px;font-size:11px;font-weight:700}.wstep.active{background:linear-gradient(135deg, var(--gold), var(--gold-dim));color:#161616;border:none}.wstep.done{color:var(--gold);border-color:var(--gold-dim)}.variant-mini{background:var(--panel-2);border-radius:var(--radius-sm);border:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;padding:10px 12px;display:flex}.variant-mini .sku{color:var(--gold);font-size:12.5px;font-weight:600}.variant-remove{color:var(--danger);cursor:pointer;white-space:nowrap;background:0 0;border:none;font-size:11.5px;font-weight:700}.barcode-source-row{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.barcode-source-opt{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:5px 10px;font-size:10.5px}.barcode-source-opt.active{color:var(--gold);border-color:var(--gold-dim);background:var(--panel)}.overlay{z-index:80;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;transition:all .2s;position:fixed;inset:0}.overlay.open{opacity:1;pointer-events:auto}.drawer{background:var(--bg);border-left:1px solid var(--line);z-index:90;width:min(480px,94vw);height:100%;box-shadow:var(--shadow);flex-direction:column;transition:all .28s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.drawer.open{transform:translate(0)}.drawer-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.drawer-tabs{border-bottom:1px solid var(--line);gap:4px;padding:10px 16px 0;display:flex;overflow-x:auto}.dtab{color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:8px 8px 0 0;padding:9px 12px;font-size:12.5px;font-weight:600}.dtab.active{color:var(--gold);background:var(--panel)}.drawer-body{flex:1;padding:20px;overflow-y:auto}.drawer-foot{border-top:1px solid var(--line);flex-wrap:wrap;gap:10px;padding:16px 20px;display:flex}.modal{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);z-index:90;opacity:0;pointer-events:none;width:min(560px,92vw);max-height:88vh;box-shadow:var(--shadow);transition:all .2s;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-46%)}.modal.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}.modal-head{justify-content:space-between;align-items:center;padding:20px 22px 10px;display:flex}.modal-body{padding:6px 22px 22px}.modal-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:16px 22px;display:flex}.close-x{background:var(--panel);border:1px solid var(--line);width:32px;height:32px;color:var(--muted);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.close-x:hover{color:var(--gold);border-color:var(--gold)}.pgrid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.pcard{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;transition:all .18s;position:relative;overflow:hidden}.pcard:hover{border-color:var(--gold);transform:translateY(-2px)}.pcard .thumb{aspect-ratio:3/4;background:var(--panel-2);color:var(--muted);justify-content:center;align-items:center;display:flex;position:relative}.pcard .status-dot{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:3px 9px;font-size:10px;font-weight:700;position:absolute;top:10px;right:10px}.pcard .body{padding:12px 14px 14px}.pcard .name{color:var(--white);font-weight:600;font-family:var(--font-display);margin-bottom:2px;font-size:18px}.pcard .sku{color:var(--gold);letter-spacing:.4px;margin-bottom:8px;font-size:11px}.pcard .meta{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}