:root{--brand: #c45a2c;--brand-dark: #a04620;--brand-light: #fdf0ea;--brand-mid: #e8a07e;--gray-900: #111110;--gray-700: #3d3b36;--gray-500: #78756d;--gray-400: #a09d96;--gray-300: #c9c6bf;--gray-200: #e5e3de;--gray-100: #f3f1ed;--gray-50: #f9f8f5;--blue:#2563eb;--blue-light:#eff6ff;--green:#16a34a;--green-light:#f0fdf4;--green-dark:#15803d;--red:#dc2626;--red-light:#fef2f2;--orange:#ea580c;--orange-light:#fff7ed;--yellow:#d97706;--yellow-light:#fffbeb;--purple:#9333ea;--purple-light:#f3e8ff;--surface: #ffffff;--surface-raised: #ffffff;--surface-muted: #f9f8f5;--surface-overlay:#ffffff;--text-primary: #111110;--text-secondary: #78756d;--text-tertiary: #a09d96;--text-inverse: #ffffff;--border: #e5e3de;--border-strong: #c9c6bf;--shadow-xs: 0 1px 2px rgba(0,0,0,.05);--shadow-sm: 0 1px 6px rgba(0,0,0,.07),0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 12px 40px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.06);--sidebar-w: 240px;--header-h: 60px;--radius-xs:4px;--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px}[data-theme=dark]{--brand:#e07040;--brand-dark:#c45a2c;--brand-light:#2a1810;--gray-900:#f0ede8;--gray-700:#d0cdc6;--gray-500:#9c998f;--gray-400:#6e6b62;--gray-300:#4a4740;--gray-200:#302e28;--gray-100:#1e1c17;--gray-50:#161410;--blue-light:#0f1f3d;--green-light:#0a1e12;--red-light:#1e0a0a;--orange-light:#1e110a;--yellow-light:#1e1507;--purple-light:#2d1f42;--surface:#1a1814;--surface-raised:#201e19;--surface-muted:#161410;--surface-overlay:#252219;--text-primary:#f0ede8;--text-secondary:#9c998f;--text-tertiary:#6e6b62;--text-inverse:#111110;--border:#302e28;--border-strong:#4a4740;--shadow-xs:0 1px 2px rgba(0,0,0,.3);--shadow-sm:0 1px 6px rgba(0,0,0,.4);--shadow-md:0 4px 16px rgba(0,0,0,.5);--shadow-lg:0 12px 40px rgba(0,0,0,.6)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:Instrument Sans,system-ui,sans-serif;background:var(--surface-muted);color:var(--text-primary);min-height:100vh;line-height:1.5;transition:background .2s,color .2s}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-w);background:var(--surface-raised);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:200;overflow-y:auto;transition:transform .3s cubic-bezier(.4,0,.2,1),background .2s}.sidebar-brand{padding:18px 16px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.sidebar-brand-row{display:flex;align-items:center;gap:10px}.sidebar-brand-mark{width:36px;height:36px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:#fff;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-brand-name{font-size:14.5px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.sidebar-brand-sub{font-size:11px;color:var(--text-tertiary);margin-top:1px}.store-switcher{margin-top:10px;position:relative}.store-switch-btn{width:100%;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--surface-muted);cursor:pointer;font-family:inherit;transition:all .15s}.store-switch-btn:hover{border-color:var(--brand);background:var(--brand-light)}.store-dot{width:8px;height:8px;border-radius:50%;background:var(--green);flex-shrink:0}.store-dot.offline{background:var(--gray-400)}.store-switch-name{flex:1;font-size:12.5px;font-weight:600;color:var(--text-primary);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.store-switch-chevron{color:var(--text-tertiary);transition:transform .2s;display:flex}.store-switch-chevron.open{transform:rotate(180deg)}.store-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--surface-overlay);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:300;overflow:hidden;animation:dropIn .15s ease}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.store-option{display:flex;align-items:center;gap:10px;padding:11px 14px;cursor:pointer;transition:background .12s}.store-option:hover{background:var(--surface-muted)}.store-option.active{background:var(--brand-light)}.store-option-name{font-size:13px;font-weight:600;color:var(--text-primary)}.store-option-url{font-size:11px;color:var(--text-tertiary);font-family:DM Mono,monospace}.store-option-check{margin-left:auto;color:var(--brand)}.sidebar-nav{flex:1;padding:10px 8px;overflow-y:auto}.nav-section-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);padding:8px 10px 4px;margin-top:4px}.nav-item{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);font-size:13.5px;font-weight:500;transition:all .13s;margin-bottom:1px;text-decoration:none;position:relative;-webkit-user-select:none;user-select:none;border:none;background:none;width:100%;font-family:inherit}.nav-item:hover{background:var(--surface-muted);color:var(--text-primary)}.nav-item.active{background:var(--brand-light);color:var(--brand);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;background:var(--brand);border-radius:0 3px 3px 0}.nav-icon{width:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-item:hover .nav-icon,.nav-item.active .nav-icon{color:var(--brand)}.nav-badge{margin-left:auto;background:var(--brand);color:#fff;font-size:10px;font-weight:700;padding:2px 7px;border-radius:var(--radius-full);line-height:1.4}.sidebar-footer{padding:10px 8px 14px;border-top:1px solid var(--border);flex-shrink:0}.sidebar-user{display:flex;align-items:center;gap:9px;padding:8px 10px;margin-bottom:2px}.sidebar-user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-user-name{font-size:13px;font-weight:600;color:var(--text-primary)}.sidebar-user-role{font-size:11px;color:var(--text-tertiary);margin-top:1px}.nav-item.logout{color:var(--red)}.nav-item.logout:hover{background:var(--red-light)}.header{position:fixed;top:0;left:var(--sidebar-w);right:0;height:var(--header-h);background:var(--surface-raised);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 20px;z-index:100;gap:10px;transition:background .2s}.hamburger{display:none;background:none;border:none;cursor:pointer;color:var(--text-primary);padding:4px;align-items:center}.header-spacer{flex:1}.header-actions{display:flex;align-items:center;gap:6px}.hdr-btn{width:36px;height:36px;border-radius:var(--radius-full);border:none;background:var(--surface-muted);cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .15s}.hdr-btn:hover{background:var(--surface-raised);color:var(--text-primary);box-shadow:var(--shadow-sm)}.header-divider{width:1px;height:24px;background:var(--border);margin:0 2px}.hdr-user{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s}.hdr-user:hover{background:var(--surface-muted)}.hdr-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.hdr-name{font-size:13px;font-weight:600;color:var(--text-primary)}.hdr-role{font-size:11px;color:var(--text-tertiary)}.main{margin-left:var(--sidebar-w);margin-top:var(--header-h);padding:26px;min-height:calc(100vh - var(--header-h))}.page-title{font-size:22px;font-weight:700;letter-spacing:-.4px;margin-bottom:20px;color:var(--text-primary)}.overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:150}.overlay.active{display:block}.card{background:var(--surface-raised);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border);padding:20px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat-card{background:var(--surface-raised);border-radius:var(--radius-lg);padding:18px 20px;box-shadow:var(--shadow-sm);border:1px solid var(--border);display:flex;flex-direction:column;gap:9px;transition:box-shadow .18s,transform .18s}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.stat-label{font-size:12px;color:var(--text-secondary);font-weight:500}.stat-value{font-size:24px;font-weight:700;letter-spacing:-.5px;color:var(--text-primary)}.stat-change{font-size:12px;font-weight:600}.stat-change.up{color:var(--green)}.stat-change.down{color:var(--red)}.skeleton{background:linear-gradient(90deg,var(--surface-muted) 25%,var(--border) 50%,var(--surface-muted) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.btn{padding:8px 16px;border-radius:var(--radius-sm);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .15s;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-dark);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-outline{background:var(--surface-raised);color:var(--text-primary);border:1.5px solid var(--border)}.btn-outline:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-light)}.btn-dark{background:var(--text-primary);color:var(--surface-raised)}.btn-dark:hover{opacity:.85}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover{opacity:.85}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.form-group{margin-bottom:14px}.form-label{font-size:12px;font-weight:600;margin-bottom:5px;display:block;color:var(--text-secondary);letter-spacing:.01em}.form-control{width:100%;padding:9px 12px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:13.5px;color:var(--text-primary);background:var(--surface-raised);outline:none;transition:border-color .15s,box-shadow .15s}.form-control:focus{border-color:var(--brand);box-shadow:0 0 0 3px #c45a2c1a}.form-control::placeholder{color:var(--text-tertiary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tog{width:36px;height:20px;background:var(--brand);border-radius:var(--radius-full);position:relative;cursor:pointer;transition:background .2s;flex-shrink:0;border:none}.tog:after{content:"";position:absolute;top:2px;right:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:all .2s;box-shadow:0 1px 3px #0003}.tog.off{background:var(--gray-300)}.tog.off:after{right:unset;left:2px}.modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:400;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px}.modal-overlay.open{display:flex}.modal-box{background:var(--surface-overlay);border-radius:var(--radius-xl);padding:26px;width:100%;max-width:560px;box-shadow:var(--shadow-lg);border:1px solid var(--border);animation:modalIn .2s cubic-bezier(.34,1.56,.64,1);max-height:90vh;overflow-y:auto}@keyframes modalIn{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-title{font-size:17px;font-weight:700;color:var(--text-primary)}.modal-close{width:28px;height:28px;border-radius:50%;border:none;background:var(--surface-muted);cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:all .15s}.modal-close:hover{background:var(--gray-200);color:var(--text-primary)}.modal-footer{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.toast{position:fixed;bottom:24px;right:24px;background:var(--gray-900);color:var(--text-inverse);padding:11px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;z-index:500;box-shadow:var(--shadow-lg);border-left:3px solid var(--brand);animation:toastIn .22s ease;pointer-events:none}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-title{font-size:14px;font-weight:700;color:var(--text-primary)}.section-sub{font-size:11.5px;color:var(--text-tertiary);margin-top:2px}.dash-grid{display:grid;grid-template-columns:1fr 290px;gap:16px}.dash-left,.dash-right{display:flex;flex-direction:column;gap:16px}.dash-bottom{display:grid;grid-template-columns:1fr 1fr;gap:16px}.chart-tabs{display:flex;gap:4px;margin-bottom:16px;flex-wrap:wrap}.chart-tab{padding:6px 14px;border-radius:var(--radius-full);font-size:12px;font-weight:600;cursor:pointer;border:1.5px solid var(--border);background:transparent;color:var(--text-secondary);transition:all .15s;font-family:inherit}.chart-tab:hover{border-color:var(--brand-mid);color:var(--brand)}.chart-tab.active{background:var(--text-primary);color:var(--surface-raised);border-color:var(--text-primary)}.chart-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap;gap:10px}.chart-meta .label{font-size:11.5px;color:var(--text-secondary)}.chart-meta .values{display:flex;gap:20px;margin-top:4px;flex-wrap:wrap}.chart-meta .val{font-size:18px;font-weight:700;color:var(--text-primary)}.chart-meta .val-sub{font-size:11px;color:var(--text-tertiary)}.chart-wrap{height:210px;position:relative}.export-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--surface-raised);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit;color:var(--text-secondary)}.export-btn:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-light)}.ops-item{display:flex;align-items:center;padding:11px 0;border-bottom:1px solid var(--border);gap:11px}.ops-item:last-child{border-bottom:none}.ops-icon{width:32px;height:32px;border-radius:var(--radius-xs);background:var(--surface-muted);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.ops-label{flex:1;font-size:13px;font-weight:500;color:var(--text-primary)}.ops-count{padding:2px 9px;border-radius:var(--radius-full);font-size:11px;font-weight:700;background:var(--red-light);color:var(--red)}.ops-count.zero{background:var(--surface-muted);color:var(--text-tertiary)}.ops-count.warn{background:var(--orange-light);color:var(--orange)}.item-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border)}.item-row:last-child{border-bottom:none}.item-name{flex:1;font-size:13px;font-weight:500;color:var(--text-primary)}.item-value{font-size:13px;font-weight:700;color:var(--text-primary)}.feedback-item{display:flex;gap:11px;padding:11px 0;border-bottom:1px solid var(--border)}.feedback-item:last-child{border-bottom:none}.feedback-img{width:48px;height:48px;border-radius:var(--radius-sm);background:var(--surface-muted);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.feedback-name{font-size:13px;font-weight:600;color:var(--text-primary)}.feedback-date{font-size:11px;color:var(--text-tertiary);margin-top:1px}.stars{color:var(--yellow);font-size:12px;margin-top:3px}.view-more-btn{width:100%;padding:9px;text-align:center;background:var(--surface-muted);color:var(--text-secondary);border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;margin-top:12px;transition:all .15s}.view-more-btn:hover{background:var(--brand-light);color:var(--brand);border-color:var(--brand)}.month-row{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--border)}.month-row:last-child{border-bottom:none}.month-name{font-size:13px;font-weight:600;color:var(--text-primary)}.month-sub{font-size:11.5px;color:var(--text-tertiary);margin-top:2px}.month-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.legend-dot{width:9px;height:9px;border-radius:2px;flex-shrink:0}.donut-wrap{height:180px;display:flex;align-items:center;justify-content:center;position:relative}.progress-bar{height:5px;border-radius:3px;background:var(--surface-muted);overflow:hidden;margin-bottom:14px}.progress-fill{height:100%;background:var(--brand)}.td-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-dark));display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:11px;font-weight:600;color:var(--text-tertiary);padding:7px 12px;border-bottom:1.5px solid var(--border);white-space:nowrap;text-transform:uppercase;letter-spacing:.04em}td{padding:10px 12px;font-size:13px;border-bottom:1px solid var(--border);color:var(--text-primary)}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface-muted)}.notice{display:flex;align-items:center;gap:10px;padding:11px 15px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;margin-bottom:18px;border-left:3px solid}.notice-info{background:var(--blue-light);color:var(--blue);border-color:var(--blue)}.notice-warn{background:var(--orange-light);color:var(--orange);border-color:var(--orange)}.notice-success{background:var(--green-light);color:var(--green-dark);border-color:var(--green)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}@media (max-width:1100px){.dash-grid{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.grid-3{grid-template-columns:1fr 1fr}.dash-bottom,.form-row{grid-template-columns:1fr}}@media (max-width:768px){:root{--sidebar-w:0px}.sidebar{transform:translate(-240px);width:240px}.sidebar.open{transform:translate(0)}.header{left:0}.main{margin-left:0;padding:16px}.hamburger{display:flex!important}.hdr-name,.hdr-role{display:none}.grid-4{grid-template-columns:1fr 1fr}.page-title{font-size:18px;margin-bottom:14px}}@media (max-width:480px){.grid-4,.grid-2{grid-template-columns:1fr}}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.product-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow .18s,border-color .18s,transform .18s;box-shadow:var(--shadow-sm)}.product-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);border-color:var(--border-strong)}.product-img{height:160px;background:var(--surface-muted);display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid var(--border)}.product-info{padding:14px}.product-name{font-size:13.5px;font-weight:700;color:var(--text-primary);line-height:1.4;margin-bottom:3px}.product-cat{font-size:12px;color:var(--text-tertiary);margin-bottom:10px}.product-footer{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.product-price{font-size:16px;font-weight:700;color:var(--brand)}