:root{--bg-primary:#fafbfc;--bg-secondary:#fff;--bg-tertiary:#f4f5f7;--bg-elevated:#fff;--bg-glass:#ffffffa6;--bg-glass-strong:#ffffffd9;--border-color:#0f172a14;--border-strong:#0f172a24;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--shadow-sm:0 1px 2px #0f172a0a, 0 1px 3px #0f172a0a;--shadow-md:0 10px 30px -12px #0f172a1f, 0 4px 10px -6px #0f172a14;--shadow-lg:0 24px 60px -20px #0f172a2e;--accent:#6366f1;--accent-soft:#6366f11f;--grade-a:#10b981;--grade-b:#3b82f6;--grade-c:#f59e0b;--grade-d:#ef4444;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px}[data-theme=dark]{--bg-primary:#07090f;--bg-secondary:#0d1117;--bg-tertiary:#111827;--bg-elevated:#131a26;--bg-glass:#141a26a6;--bg-glass-strong:#141a26d9;--border-color:#94a3b81f;--border-strong:#94a3b838;--text-primary:#e6edf7;--text-secondary:#94a3b8;--text-tertiary:#64748b;--shadow-sm:0 1px 2px #0006;--shadow-md:0 18px 40px -18px #0009, 0 8px 16px -6px #00000073;--shadow-lg:0 30px 70px -20px #000000b3;--accent:#818cf8;--accent-soft:#818cf829}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:background .3s,color .3s}.app-shell{min-height:100vh;position:relative}.app-shell:before,.app-shell:after{content:"";filter:blur(120px);opacity:.45;pointer-events:none;z-index:0;border-radius:50%;transition:opacity .4s;position:fixed}body{overflow-x:hidden}.app-shell:before{background:radial-gradient(circle,#6366f1,#0000 70%);width:540px;height:540px;top:-180px;left:-120px}.app-shell:after{background:radial-gradient(circle,#10b981,#0000 70%);width:600px;height:600px;bottom:-220px;right:-160px}[data-theme=dark] .app-shell:before{opacity:.35}[data-theme=dark] .app-shell:after{opacity:.25}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(18px)saturate(140%);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.glass-strong{background:var(--bg-glass-strong);-webkit-backdrop-filter:blur(24px)saturate(160%);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.ant-layout,.ant-layout-sider,.ant-layout-header,.ant-layout-content,.ant-menu-light,.ant-menu-dark{background:0 0!important}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin:0 0 16px;font-size:13px}.grade-pill{letter-spacing:.04em;border-radius:999px;justify-content:center;align-items:center;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.metric-bar{background:var(--bg-tertiary);border-radius:999px;height:8px;position:relative;overflow:hidden}.metric-bar>span{border-radius:999px;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1);display:block}.kpi-card{position:relative;overflow:hidden}.kpi-card:after{content:"";background:radial-gradient(circle at top right, var(--accent-soft), transparent 60%);pointer-events:none;position:absolute;inset:0}.fade-in{animation:.4s both fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.recharts-default-tooltip{-webkit-backdrop-filter:blur(18px)saturate(160%);backdrop-filter:blur(18px)saturate(160%);background:var(--bg-glass-strong)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-md)!important}.recharts-tooltip-label,.recharts-tooltip-item-name,.recharts-tooltip-item-value{color:var(--text-primary)!important}.heatmap-cell{border-radius:8px;transition:transform .2s}.heatmap-cell:hover{transform:scale(1.08)}.empty-state{color:var(--text-secondary);flex-direction:column;align-items:center;gap:12px;padding:48px 16px;display:flex}.product-card{cursor:pointer;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s,border-color .25s}.product-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-strong);background:linear-gradient(120deg, #6366f11f, #10b9811a), var(--bg-glass);transform:translateY(-4px)}.product-card-selected{border-color:var(--border-strong);box-shadow:var(--shadow-lg);background:linear-gradient(120deg, #6366f129, #10b9811f), var(--bg-glass)!important}.gradient-text{background:linear-gradient(120deg,#6366f1,#10b981);color:#0000;-webkit-background-clip:text;background-clip:text}.numeric{font-feature-settings:"tnum" on, "lnum" on;font-variant-numeric:tabular-nums lining-nums}.ant-card,.ant-modal-content,.ant-drawer-content,.ant-table-wrapper{border-radius:var(--radius-lg)!important}.ant-card{-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);background:var(--bg-glass)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-sm)!important}.ant-card-head{border-bottom-color:var(--border-color)!important}.ant-table{background:0 0!important}.ant-table-thead>tr>th{background:var(--bg-tertiary)!important;color:var(--text-secondary)!important;border-bottom:1px solid var(--border-color)!important}.ant-table-tbody>tr>td{border-bottom:1px solid var(--border-color)!important;background:0 0!important}.ant-table-tbody>tr:hover>td{background:var(--bg-tertiary)!important}.tag-soft{background:var(--accent-soft);color:var(--accent);border:none;font-weight:600}.topbar-icon-btn.ant-btn{width:36px;height:36px;color:var(--text-secondary);border-radius:10px;justify-content:center;align-items:center;padding:0;transition:background .2s,color .2s;display:inline-flex}.topbar-icon-btn.ant-btn:hover,.topbar-icon-btn.ant-btn:focus-visible{background:var(--accent-soft)!important;color:var(--accent)!important}.topbar-search{align-items:center;height:36px;display:flex}.topbar-search-input.ant-input-affix-wrapper{background:var(--bg-tertiary);width:220px;height:36px;box-shadow:none;border-color:#0000;border-radius:10px;animation:.2s both topbarSearchIn}.topbar-search-input.ant-input-affix-wrapper:hover,.topbar-search-input.ant-input-affix-wrapper-focused{border-color:var(--border-strong);background:var(--bg-secondary)}@keyframes topbarSearchIn{0%{opacity:0;width:36px}to{opacity:1;width:220px}}.sidebar-account{border-radius:10px;align-items:center;gap:10px;padding:8px 12px;transition:background .2s;display:flex}.sidebar-account:hover{background:var(--accent-soft)}.product-row-hidden td{opacity:.55}@media (width<=768px){.app-shell:before,.app-shell:after{opacity:.2}}