:root{--bg: #f5f4ef;--bg-elevated: #ffffff;--bg-sunken: #ede9df;--border: #e2ded2;--border-strong: #d3cdbc;--text: #262320;--text-muted: #716c62;--text-faint: #a39c8d;--accent: #a8622f;--accent-strong: #8a4e23;--accent-soft: #f1e2d3;--sidebar-bg: #211d19;--sidebar-text: #ece7dd;--sidebar-muted: #a79d8d;--sidebar-active: #362f28;--success: #2f8f52;--success-soft: #e3f2e7;--danger: #c6402f;--danger-soft: #fbe7e3;--warning: #c98a1f;--warning-soft: #faf0dc;--info: #3568b0;--info-soft: #e6eefa;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(38, 35, 32, .06);--shadow-md: 0 4px 16px rgba(38, 35, 32, .08);--font-sans: "Segoe UI", -apple-system, BlinkMacSystemFont, "Inter", Roboto, Helvetica, Arial, sans-serif;--viz-surface: var(--bg-elevated);--viz-ink: var(--text);--viz-ink-secondary: var(--text-muted);--viz-ink-muted: var(--text-faint);--viz-grid: var(--border);--viz-series-1: #2a78d6;--viz-series-2: #eb6834;--viz-series-3: #1baf7a}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}#root{display:block}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}a{color:var(--accent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px}::-webkit-scrollbar-track{background:transparent}.app-shell{display:grid;grid-template-columns:236px 1fr;height:100vh;overflow:hidden}.sidebar{background:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;padding:20px 12px;overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:6px 10px 22px}.sidebar-brand-mark{width:34px;height:34px;border-radius:9px;background:linear-gradient(155deg,var(--accent),var(--accent-strong));display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:15px;flex-shrink:0}.sidebar-brand-text strong{display:block;font-size:14.5px;letter-spacing:.2px}.sidebar-brand-text span{display:block;font-size:11.5px;color:var(--sidebar-muted)}.sidebar-nav{display:flex;flex-direction:column;gap:2px;flex:1}.sidebar-section-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--sidebar-muted);padding:14px 12px 6px}.sidebar-link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);color:var(--sidebar-text);text-decoration:none;font-size:13.5px;font-weight:500;transition:background .12s ease}.sidebar-link:hover{background:var(--sidebar-active)}.sidebar-link.active{background:var(--accent);color:#fff}.sidebar-link .icon{width:17px;text-align:center;opacity:.9;font-size:14.5px}.sidebar-footer{font-size:11px;color:var(--sidebar-muted);padding:10px 12px 2px;border-top:1px solid rgba(255,255,255,.08);margin-top:8px}.content-area{overflow-y:auto;padding:28px 34px 60px}.mobile-topbar,.sidebar-backdrop{display:none}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.page-header h1{font-size:21px;margin:0 0 4px;letter-spacing:-.1px}.page-header p{margin:0;color:var(--text-muted);font-size:13.5px;max-width:640px}.page-header-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow-x:auto}.card-pad{padding:20px 22px}.btn{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--text);padding:8px 14px;border-radius:var(--radius-sm);font-weight:600;font-size:13px;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .05s ease;white-space:nowrap}.btn:hover{border-color:var(--text-faint)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:var(--bg-sunken)}.btn-sm{padding:5px 10px;font-size:12px}.input,.select,.textarea{width:100%;border:1px solid var(--border-strong);background:var(--bg-elevated);border-radius:var(--radius-sm);padding:8px 10px;font-size:13.5px;color:var(--text)}.input:focus,.select:focus,.textarea:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.label{display:block;font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:5px}.field{margin-bottom:14px}.field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.hint{font-size:12px;color:var(--text-faint);margin-top:4px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.02em}.badge-success{background:var(--success-soft);color:var(--success)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-info{background:var(--info-soft);color:var(--info)}.badge-neutral{background:var(--bg-sunken);color:var(--text-muted)}.banner{border-radius:var(--radius-md);padding:12px 16px;font-size:13px;display:flex;gap:10px;align-items:flex-start}.banner-success{background:var(--success-soft);color:#1e6b39}.banner-danger{background:var(--danger-soft);color:#96291c}.banner-info{background:var(--info-soft);color:#204a82}table.data-table{width:100%;border-collapse:collapse;font-size:13.5px}.data-table th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700;padding:10px 12px;border-bottom:1px solid var(--border);white-space:nowrap}.data-table td{padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--bg-sunken)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:22px}.stat-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px;box-shadow:var(--shadow-sm)}.stat-card .stat-label{font-size:12px;color:var(--text-muted);font-weight:600;margin-bottom:6px}.stat-card .stat-value{font-size:22px;font-weight:700;letter-spacing:-.2px}.stat-card .stat-sub{font-size:11.5px;color:var(--text-faint);margin-top:4px}.product-thumb{width:40px;height:40px;border-radius:8px;object-fit:cover;background:var(--bg-sunken);border:1px solid var(--border);flex-shrink:0}.product-thumb-lg{width:88px;height:88px;border-radius:var(--radius-md);object-fit:cover;background:var(--bg-sunken);border:1px solid var(--border)}.product-thumb-placeholder,.product-thumb-lg-placeholder{display:flex;align-items:center;justify-content:center;color:var(--text-faint);font-size:15px}.coming-soon{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:56px 24px;color:var(--text-muted)}.coming-soon .icon{font-size:34px;margin-bottom:4px}.coming-soon h2{margin:0;font-size:17px;color:var(--text)}.coming-soon ul{text-align:left;max-width:480px;margin:10px auto 0;padding-left:18px;font-size:13px;color:var(--text-muted)}.coming-soon ul li{margin-bottom:4px}.tag-row{display:flex;gap:6px;flex-wrap:wrap}.empty-state{padding:40px 20px;text-align:center;color:var(--text-faint);font-size:13.5px}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--border-strong);border-top-color:var(--accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pill-toggle{display:inline-flex;border:1px solid var(--border-strong);border-radius:999px;overflow:hidden}.pill-toggle button{border:none;background:transparent;padding:6px 14px;font-size:12.5px;font-weight:600;cursor:pointer;color:var(--text-muted)}.pill-toggle button.active{background:var(--accent);color:#fff}@media(max-width:860px){.app-shell{display:block;height:auto;min-height:100vh;overflow:visible}.mobile-topbar{display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:40;background:var(--sidebar-bg);color:var(--sidebar-text);padding:12px 14px}.mobile-topbar-burger{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.16);background:transparent;color:inherit;font-size:18px;cursor:pointer;flex-shrink:0}.mobile-topbar-brand{font-size:14.5px;font-weight:700}.sidebar{position:fixed;top:0;left:0;bottom:0;width:82vw;max-width:300px;z-index:60;transform:translate(-100%);transition:transform .22s ease;box-shadow:var(--shadow-lg, 0 10px 30px rgba(0, 0, 0, .35))}.sidebar.open{transform:translate(0)}.sidebar-backdrop.open{display:block;position:fixed;inset:0;background:#00000073;z-index:50}.content-area{height:auto;overflow-y:visible;padding:18px 16px 48px}.responsive-grid{grid-template-columns:1fr!important}.page-header h1{font-size:19px}.field-row{grid-template-columns:1fr}}