.product-analytics-page {
  --pa-card: var(--card, #fff);
  --pa-bg: var(--bg, #f5f6fa);
  --pa-soft: var(--bg-muted, #f8f9fc);
  --pa-hover: var(--bg-hover, #f2f3f8);
  --pa-text: var(--text, #1b1d29);
  --pa-muted: var(--muted, #74788d);
  --pa-light: var(--t-light, #9ba0b4);
  --pa-line: var(--line, #e7e8ef);
  --pa-primary: var(--primary, #635bff);
  --pa-primary-soft: var(--primary-soft, #eeecff);
  --pa-green: var(--green, #27ad5f);
  --pa-red: var(--danger, #e0525e);
  --pa-orange: var(--orange, #f59b23);
  --pa-blue: var(--blue, #3977f6);
  --pa-violet: var(--purple, #8359e8);
  color: var(--pa-text);
  font-variant-numeric: tabular-nums;
}

.pa-root, .pa-root * { box-sizing: border-box; }
.pa-root button, .pa-root input, .pa-root select { font: inherit; }
.pa-root button { cursor: pointer; }
.pa-page-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin:0 0 17px; }
.pa-page-head h1 { margin:0 0 5px; font:700 22px/1.2 "Inter Tight", Inter, sans-serif; letter-spacing:-.025em; }
.pa-page-head p { margin:0; color:var(--pa-muted); font-size:11px; }
.pa-head-actions { display:flex; gap:8px; }
.pa-button { min-height:36px; padding:0 13px; display:inline-flex; align-items:center; justify-content:center; gap:6px; border:1px solid var(--pa-line); border-radius:8px; background:var(--pa-card); color:var(--pa-text); font-size:10.5px; font-weight:650; transition:.15s; }
.pa-button:hover { transform:translateY(-1px); border-color:color-mix(in srgb,var(--pa-primary) 35%,var(--pa-line)); }
.pa-button.primary { border-color:var(--pa-primary); background:var(--pa-primary); color:#fff; box-shadow:0 6px 14px color-mix(in srgb,var(--pa-primary) 18%,transparent); }
.pa-button.secondary { background:var(--pa-card); color:var(--pa-primary); }
.pa-button.ghost { background:transparent; color:var(--pa-muted); }
.pa-button:disabled { opacity:.45; cursor:not-allowed; transform:none; }

.pa-filter-panel { margin-bottom:12px; padding:12px; display:grid; grid-template-columns:minmax(250px,1.15fr) minmax(150px,.65fr) minmax(220px,1fr) minmax(155px,.7fr) auto auto; align-items:end; gap:10px; border:1px solid var(--pa-line); border-radius:10px; background:var(--pa-card); box-shadow:0 4px 16px rgba(33,39,67,.04); }
.pa-filter-panel label { min-width:0; display:grid; gap:5px; color:var(--pa-muted); font-size:9px; font-weight:650; }
.pa-filter-panel input, .pa-filter-panel select, .pa-table-filter-row select { width:100%; min-height:34px; padding:0 9px; border:1px solid var(--pa-line); border-radius:7px; outline:0; background:var(--pa-soft); color:var(--pa-text); font-size:10px; }
.pa-filter-panel input:focus, .pa-filter-panel select:focus { border-color:var(--pa-primary); box-shadow:0 0 0 3px color-mix(in srgb,var(--pa-primary) 10%,transparent); }
.pa-date-range { min-height:34px; padding:0 8px; display:flex; align-items:center; border:1px solid var(--pa-line); border-radius:7px; background:var(--pa-soft); }
.pa-date-range input { min-width:105px; padding:0; border:0; background:transparent; box-shadow:none; }
.pa-date-range b { color:var(--pa-light); }
.pa-search-field { position:relative; }
.pa-search-field input { padding-right:28px; }
.pa-search-field i { position:absolute; right:10px; top:8px; color:var(--pa-light); font-style:normal; }
.pa-filter-panel .pa-check-line { min-height:34px; display:flex; flex-direction:row; align-items:center; gap:7px; white-space:nowrap; }
.pa-check-line input { width:14px; min-height:14px; accent-color:var(--pa-primary); }

.pa-kpi-grid { display:grid; gap:10px; margin-bottom:12px; }
.pa-kpi-grid.six { grid-template-columns:repeat(6,minmax(0,1fr)); }
.pa-kpi { min-width:0; min-height:94px; padding:13px 13px 11px; display:flex; align-items:flex-start; justify-content:space-between; gap:7px; border:1px solid var(--pa-line); border-radius:10px; background:var(--pa-card); box-shadow:0 4px 14px rgba(25,32,63,.04); }
.pa-kpi>div { min-width:0; }
.pa-kpi span { display:block; overflow:hidden; color:var(--pa-muted); font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.pa-kpi b { display:block; margin:6px 0 5px; overflow:hidden; color:var(--pa-text); font-size:17px; text-overflow:ellipsis; white-space:nowrap; }
.pa-kpi small { display:block; margin-top:3px; color:var(--pa-light); font-size:7.5px; }
.pa-kpi>i { width:30px; height:30px; flex:0 0 30px; display:grid; place-items:center; border-radius:8px; background:var(--pa-primary-soft); color:var(--pa-primary); font-style:normal; font-weight:800; }
.pa-kpi>i.green { background:color-mix(in srgb,var(--pa-green) 12%,var(--pa-card)); color:var(--pa-green); }
.pa-kpi>i.red { background:color-mix(in srgb,var(--pa-red) 12%,var(--pa-card)); color:var(--pa-red); }
.pa-kpi>i.orange { background:color-mix(in srgb,var(--pa-orange) 14%,var(--pa-card)); color:var(--pa-orange); }
.pa-kpi>i.blue { background:color-mix(in srgb,var(--pa-blue) 12%,var(--pa-card)); color:var(--pa-blue); }
.pa-kpi>i.violet { background:color-mix(in srgb,var(--pa-violet) 12%,var(--pa-card)); color:var(--pa-violet); }
.pa-delta { width:max-content; max-width:100%; display:inline-flex!important; align-items:center; padding:2px 5px; border-radius:5px; background:var(--pa-soft); color:var(--pa-muted)!important; font-size:7.5px!important; font-weight:700; }
.pa-delta.good { background:color-mix(in srgb,var(--pa-green) 11%,var(--pa-card)); color:var(--pa-green)!important; }
.pa-delta.bad { background:color-mix(in srgb,var(--pa-red) 11%,var(--pa-card)); color:var(--pa-red)!important; }

.pa-card { border:1px solid var(--pa-line); border-radius:10px; background:var(--pa-card); box-shadow:0 4px 16px rgba(25,32,63,.04); }
.pa-card>header { min-height:48px; padding:12px 14px; display:flex; align-items:flex-start; justify-content:space-between; gap:10px; border-bottom:1px solid var(--pa-line); }
.pa-card h2 { margin:0; font-size:12px; }
.pa-card header p { margin:3px 0 0; color:var(--pa-muted); font-size:8.5px; }
.pa-summary-grid { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(210px,.55fr) minmax(235px,.65fr); gap:11px; margin-bottom:11px; }
.pa-main-chart { min-width:0; }
.pa-main-chart .pa-chart-svg { height:235px; padding:4px 8px 8px; }
.pa-legend { display:flex; gap:12px; margin-top:7px; color:var(--pa-muted); font-size:7.5px; }
.pa-legend span::before { content:""; width:7px; height:7px; margin-right:4px; display:inline-block; border-radius:50%; background:currentColor; }
.pa-legend .green { color:var(--pa-green); }.pa-legend .blue { color:var(--pa-blue); }.pa-legend .orange { color:var(--pa-orange); }
.pa-legend .dash::before { width:11px; height:0; border-top:1px dashed var(--pa-muted); border-radius:0; background:transparent; }
.pa-chart-svg { width:100%; min-height:150px; display:block; overflow:visible; }
.pa-chart-svg .pa-grid line { stroke:var(--pa-line); stroke-width:.7; }
.pa-chart-svg .pa-chart-labels text { fill:var(--pa-light); font-size:8px; }
.pa-empty-chart { min-height:160px; display:grid; place-items:center; color:var(--pa-muted); font-size:10px; }
.pa-funnel { padding:13px; }
.pa-funnel h2, .pa-attention h2 { margin:0 0 11px; }
.pa-funnel-step { min-height:31px; padding:5px 7px; display:grid; grid-template-columns:22px 1fr auto auto; align-items:center; gap:5px; border:1px solid var(--pa-line); border-radius:7px; background:var(--pa-soft); }
.pa-funnel-step i { width:20px; height:20px; display:grid; place-items:center; border-radius:5px; background:var(--pa-primary-soft); color:var(--pa-primary); font-style:normal; }
.pa-funnel-step span { color:var(--pa-muted); font-size:8.5px; }.pa-funnel-step b { font-size:10px; }.pa-funnel-step em { min-width:30px; color:var(--pa-green); font-size:7px; font-style:normal; text-align:right; }
.pa-arrow { height:12px; display:grid; place-items:center; color:var(--pa-light); font-size:8px; }
.pa-attention { padding:13px; }
.pa-attention-item { min-height:49px; margin-bottom:7px; padding:8px; display:grid; grid-template-columns:28px 1fr auto; align-items:center; gap:7px; border-radius:8px; background:var(--pa-soft); }
.pa-attention-item>i { width:27px; height:27px; display:grid; place-items:center; border-radius:7px; font-style:normal; }.pa-attention-item span { color:var(--pa-muted); font-size:8px; }.pa-attention-item span b { color:var(--pa-text); font-size:13px; }.pa-attention-item button { padding:0; border:0; background:transparent; color:var(--pa-primary); font-size:8px; font-weight:700; }
.pa-attention-item.danger>i { background:color-mix(in srgb,var(--pa-red) 12%,var(--pa-card)); color:var(--pa-red); }.pa-attention-item.warning>i,.pa-attention-item.orange>i { background:color-mix(in srgb,var(--pa-orange) 13%,var(--pa-card)); color:var(--pa-orange); }
.pa-text-link { padding:4px 0; border:0; background:transparent; color:var(--pa-primary); font-size:8.5px; font-weight:650; }
.pa-dual-tables { display:grid; grid-template-columns:1fr 1fr; gap:11px; margin-bottom:11px; }
.pa-dual-tables .pa-card { min-width:0; overflow:hidden; }.pa-dual-tables .pa-text-link { margin:5px 13px 10px; }.pa-green,.pa-dual-tables .green { color:var(--pa-green); }.pa-red,.pa-dual-tables .red { color:var(--pa-red); }
.pa-mini-table { width:100%; min-width:570px; border-collapse:collapse; }
.pa-mini-table th,.pa-mini-table td { padding:9px 11px; border-bottom:1px solid var(--pa-line); font-size:8.5px; text-align:right; white-space:nowrap; }.pa-mini-table th { color:var(--pa-light); background:var(--pa-soft); font-size:7.5px; text-transform:uppercase; }.pa-mini-table th:first-child,.pa-mini-table td:first-child { text-align:left; }.pa-mini-table em { display:block; color:var(--pa-light); font-size:7px; font-style:normal; }
.pa-product-cell { min-width:190px; display:flex; align-items:center; gap:8px; }.pa-product-cell>div { min-width:0; }.pa-product-cell b { max-width:210px; display:block; overflow:hidden; color:var(--pa-text); text-overflow:ellipsis; }.pa-product-cell small { display:block; margin-top:2px; color:var(--pa-light); font-size:7px; }
.pa-product-image { display:grid; place-items:center; object-fit:contain; border:1px solid var(--pa-line); border-radius:7px; background:var(--pa-soft); color:var(--pa-light); }.pa-product-image.sm { width:34px; height:34px; flex:0 0 34px; }.pa-product-image.md { width:46px; height:46px; }.pa-product-image.lg { width:56px; height:56px; flex:0 0 56px; }
.pa-negative { color:var(--pa-red)!important; font-weight:700; }.pa-reason { padding:3px 6px; border-radius:5px; background:var(--pa-soft); color:var(--pa-muted); font-size:7.5px; }.pa-reason.danger { background:color-mix(in srgb,var(--pa-red) 11%,var(--pa-card)); color:var(--pa-red); }
.pa-row-action { border:0; background:transparent; color:var(--pa-primary); font-size:8px; font-weight:700; }
.pa-insight { min-height:59px; padding:11px 13px; display:grid; grid-template-columns:34px 1fr auto; align-items:center; gap:11px; border:1px solid color-mix(in srgb,var(--pa-primary) 25%,var(--pa-line)); border-radius:10px; background:linear-gradient(110deg,color-mix(in srgb,var(--pa-primary-soft) 68%,var(--pa-card)),var(--pa-card)); }.pa-insight>i { width:32px; height:32px; display:grid; place-items:center; border-radius:9px; background:var(--pa-primary); color:#fff; font-style:normal; }.pa-insight b,.pa-insight span { display:block; }.pa-insight b { font-size:10px; }.pa-insight span { margin-top:4px; color:var(--pa-muted); font-size:8.5px; }

.pa-table-filter-row { margin-bottom:10px; padding:9px 11px; display:flex; align-items:center; gap:12px; border:1px solid var(--pa-line); border-radius:9px; background:var(--pa-card); }.pa-table-filter-row label { display:flex; align-items:center; gap:6px; color:var(--pa-muted); font-size:9px; white-space:nowrap; }.pa-table-filter-row input[type="checkbox"] { accent-color:var(--pa-primary); }.pa-search-wide { width:min(430px,40%); min-height:34px; padding:0 10px; border:1px solid var(--pa-line); border-radius:7px; background:var(--pa-soft); }.pa-search-wide input { width:100%; min-height:0; padding:0; border:0; background:transparent; box-shadow:none; font-size:10px; }
.pa-viewbar { margin-bottom:10px; display:flex; align-items:center; justify-content:space-between; gap:10px; }.pa-view-tabs { display:flex; align-items:center; gap:3px; padding:3px; border:1px solid var(--pa-line); border-radius:8px; background:var(--pa-soft); }.pa-view-tabs button { min-height:29px; padding:0 10px; border:0; border-radius:6px; background:transparent; color:var(--pa-muted); font-size:8.5px; }.pa-view-tabs button.active { background:var(--pa-card); color:var(--pa-primary); box-shadow:0 2px 8px rgba(28,32,60,.08); }.pa-table-actions { display:flex; gap:7px; }
.pa-selection { margin-bottom:8px; min-height:38px; padding:7px 11px; display:flex; align-items:center; gap:13px; border-radius:8px; background:var(--pa-primary-soft); color:var(--pa-primary); font-size:9px; }.pa-selection button { padding:0; border:0; background:transparent; color:inherit; font-size:9px; font-weight:650; }
.pa-smart-table-card,.pa-stock-products { position:relative; overflow:hidden; border:1px solid var(--pa-line); border-radius:10px; background:var(--pa-card); box-shadow:0 4px 16px rgba(25,32,63,.04); }
.pa-table-scroll { max-width:100%; overflow:auto; scrollbar-width:thin; scrollbar-color:var(--pa-line) transparent; }
.pa-smart-table { min-width:max-content; border-collapse:separate; border-spacing:0; }.pa-smart-table th { position:sticky; z-index:3; top:0; padding:0; border-right:1px solid var(--pa-line); border-bottom:1px solid var(--pa-line); background:var(--pa-soft); }.pa-smart-table th button { min-height:42px; padding:0 10px; display:flex; align-items:center; gap:5px; border:0; background:transparent; color:var(--pa-muted); font-size:7.5px; font-weight:750; letter-spacing:.02em; text-transform:uppercase; white-space:nowrap; }.pa-smart-table th button i { color:var(--pa-light); font-style:normal; }.pa-smart-table td { min-width:105px; height:53px; padding:8px 10px; border-right:1px solid var(--pa-line); border-bottom:1px solid var(--pa-line); color:var(--pa-muted); font-size:9px; text-align:right; vertical-align:middle; white-space:nowrap; }.pa-smart-table tbody tr:hover td,.pa-smart-table tbody tr.selected td { background:color-mix(in srgb,var(--pa-primary-soft) 45%,var(--pa-card)); }.pa-smart-table .pa-check { min-width:35px; width:35px; padding:0; text-align:center; }.pa-smart-table input { accent-color:var(--pa-primary); }.pa-smart-table .pa-col-photo { min-width:52px; }.pa-smart-table .pa-col-product { min-width:240px; text-align:left; }.pa-smart-table .pa-col-recommendation { min-width:145px; text-align:left; white-space:normal; }.pa-smart-table .pa-col-status { min-width:115px; }.pa-cell-value { display:block; color:var(--pa-text); font-weight:600; }.pa-smart-table .pa-delta { margin:3px 0 0 auto; }.pa-product-link { max-width:220px; padding:0; display:block; border:0; background:transparent; color:var(--pa-text); text-align:left; }.pa-product-link b { display:block; overflow:hidden; text-overflow:ellipsis; }.pa-product-link small { display:block; margin-top:3px; overflow:hidden; color:var(--pa-light); font-size:7px; text-overflow:ellipsis; }.pa-status { display:inline-flex; align-items:center; gap:4px; padding:4px 6px; border-radius:5px; background:var(--pa-soft); color:var(--pa-muted); font-size:7.5px; }.pa-status i { width:5px; height:5px; border-radius:50%; background:currentColor; }.pa-status.danger { background:color-mix(in srgb,var(--pa-red) 11%,var(--pa-card)); color:var(--pa-red); }.pa-status.warning { background:color-mix(in srgb,var(--pa-orange) 13%,var(--pa-card)); color:var(--pa-orange); }.pa-status.violet { background:color-mix(in srgb,var(--pa-violet) 11%,var(--pa-card)); color:var(--pa-violet); }.pa-status.success { background:color-mix(in srgb,var(--pa-green) 11%,var(--pa-card)); color:var(--pa-green); }.pa-status.primary { background:var(--pa-primary-soft); color:var(--pa-primary); }.pa-recommendation { display:block; max-width:150px; color:var(--pa-primary); font-size:8px; line-height:1.35; }.pa-more { border:0; background:transparent; color:var(--pa-muted); }
.pa-pagination { min-height:46px; padding:8px 12px; display:flex; align-items:center; justify-content:space-between; gap:12px; color:var(--pa-muted); font-size:8.5px; }.pa-pagination>div { display:flex; align-items:center; gap:7px; }.pa-pagination button { width:27px; height:27px; border:1px solid var(--pa-line); border-radius:6px; background:var(--pa-card); color:var(--pa-text); }.pa-pagination label { display:flex; align-items:center; gap:6px; }.pa-pagination select { min-height:28px; padding:0 7px; border:1px solid var(--pa-line); border-radius:6px; background:var(--pa-soft); color:var(--pa-text); }

.pa-panel-backdrop,.pa-drawer-backdrop,.pa-modal-backdrop { position:fixed; z-index:110; inset:0; background:rgba(12,18,34,.42); backdrop-filter:blur(1px); }.pa-column-panel,.pa-sku-drawer { position:fixed; z-index:111; top:0; right:0; bottom:0; display:flex; flex-direction:column; border-left:1px solid var(--pa-line); background:var(--pa-card); box-shadow:-18px 0 50px rgba(10,16,30,.18); animation:pa-slide .18s ease-out; }.pa-column-panel { width:min(380px,92vw); }.pa-column-panel>header,.pa-sku-drawer>header,.pa-metric-modal>header { padding:16px 18px; display:flex; align-items:flex-start; justify-content:space-between; gap:10px; border-bottom:1px solid var(--pa-line); }.pa-column-panel h2,.pa-sku-drawer h2,.pa-metric-modal h2 { margin:0; font-size:15px; }.pa-column-panel header p,.pa-metric-modal header p { margin:4px 0 0; color:var(--pa-muted); font-size:9px; }.pa-column-panel header button,.pa-sku-drawer header>button,.pa-metric-modal header button { width:30px; height:30px; border:0; border-radius:7px; background:var(--pa-soft); color:var(--pa-muted); font-size:18px; }.pa-panel-search { margin:12px 16px; padding:0 9px; display:flex; align-items:center; gap:7px; border:1px solid var(--pa-line); border-radius:7px; background:var(--pa-soft); }.pa-panel-search input { width:100%; min-height:34px; padding:0; border:0; background:transparent; color:var(--pa-text); box-shadow:none; font-size:10px; }.pa-panel-preset { padding:0 16px 10px; display:flex; flex-wrap:wrap; gap:5px; }.pa-panel-preset b { width:100%; margin-bottom:3px; font-size:9px; }.pa-panel-preset button { min-height:27px; padding:0 8px; border:1px solid var(--pa-line); border-radius:6px; background:var(--pa-card); color:var(--pa-muted); font-size:8px; }.pa-column-groups { flex:1; overflow:auto; border-top:1px solid var(--pa-line); }.pa-column-groups section { padding:12px 16px; border-bottom:1px solid var(--pa-line); }.pa-column-groups h3 { margin:0 0 6px; display:flex; justify-content:space-between; font-size:9px; text-transform:uppercase; }.pa-column-groups h3 span { color:var(--pa-light); }.pa-column-groups label { min-height:31px; display:grid; grid-template-columns:16px 1fr auto; align-items:center; gap:7px; color:var(--pa-muted); font-size:9px; }.pa-column-groups input { accent-color:var(--pa-primary); }.pa-column-groups i { color:var(--pa-primary); font-style:normal; }.pa-column-panel>footer,.pa-metric-modal>footer { padding:12px 16px; display:flex; justify-content:space-between; gap:8px; border-top:1px solid var(--pa-line); }
@keyframes pa-slide { from { transform:translateX(28px); opacity:.7; } }

.pa-sku-drawer { width:min(850px,94vw); }.pa-drawer-product { display:flex; align-items:center; gap:11px; }.pa-drawer-product>div { min-width:0; }.pa-drawer-product small { color:var(--pa-primary); font-size:8px; font-weight:750; text-transform:uppercase; }.pa-drawer-product h2 { max-width:610px; margin:3px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.pa-drawer-product p { margin:0; color:var(--pa-muted); font-size:9px; }.pa-sku-drawer>nav { padding:0 18px; display:flex; gap:16px; border-bottom:1px solid var(--pa-line); }.pa-sku-drawer>nav button { min-height:40px; padding:0 2px; border:0; border-bottom:2px solid transparent; background:transparent; color:var(--pa-muted); font-size:9px; }.pa-sku-drawer>nav button.active { border-color:var(--pa-primary); color:var(--pa-primary); font-weight:700; }.pa-drawer-body { flex:1; padding:15px 18px 28px; overflow:auto; background:var(--pa-bg); }.pa-drawer-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-bottom:10px; }.pa-drawer-kpis.six { grid-template-columns:repeat(6,minmax(0,1fr)); }.pa-drawer-kpis>div { min-height:74px; padding:10px; border:1px solid var(--pa-line); border-radius:8px; background:var(--pa-card); }.pa-drawer-kpis span,.pa-drawer-kpis small { display:block; color:var(--pa-muted); font-size:7.5px; }.pa-drawer-kpis b { display:block; margin:5px 0; font-size:11px; }.pa-drawer-grid { display:grid; grid-template-columns:1.35fr .65fr; gap:10px; }.pa-drawer-section { min-width:0; margin-bottom:10px; padding:13px; border:1px solid var(--pa-line); border-radius:9px; background:var(--pa-card); }.pa-drawer-section h3 { margin:0 0 11px; font-size:10px; }.pa-drawer-section .pa-chart-svg { height:200px; }.pa-data-note { margin:7px 0 0; color:var(--pa-light); font-size:7.5px; }.pa-unit-row { margin:9px 0; display:grid; grid-template-columns:76px 1fr 68px; align-items:center; gap:7px; font-size:8px; }.pa-unit-row>div { height:6px; overflow:hidden; border-radius:999px; background:var(--pa-soft); }.pa-unit-row i { height:100%; display:block; border-radius:inherit; background:var(--pa-blue); }.pa-unit-row i.green { background:var(--pa-green); }.pa-unit-row i.red { background:var(--pa-red); }.pa-unit-row i.violet { background:var(--pa-violet); }.pa-unit-row b { text-align:right; }.pa-compact-funnel { display:grid; grid-template-columns:75px 1fr 50px; align-items:center; gap:7px; margin:7px 0; font-size:8px; }.pa-compact-funnel i { height:8px; max-width:100%; border-radius:999px; background:linear-gradient(90deg,var(--pa-primary),var(--pa-blue)); }.pa-compact-funnel b { text-align:right; }.pa-drawer-advice { background:linear-gradient(135deg,var(--pa-primary-soft),var(--pa-card)); }.pa-drawer-advice>b { color:var(--pa-primary); }.pa-drawer-advice p { color:var(--pa-muted); font-size:8px; }.pa-drawer-table,.pa-accrual-table { width:100%; border-collapse:collapse; }.pa-drawer-table th,.pa-drawer-table td,.pa-accrual-table th,.pa-accrual-table td { padding:9px; border-bottom:1px solid var(--pa-line); font-size:8.5px; text-align:right; }.pa-drawer-table th:first-child,.pa-drawer-table td:first-child,.pa-accrual-table th { text-align:left; }.pa-drawer-table td small { display:block; color:var(--pa-light); }.pa-stock-summary { margin-bottom:12px; padding:12px; display:flex; align-items:baseline; gap:8px; border-radius:8px; background:var(--pa-primary-soft); }.pa-stock-summary b { font-size:20px; }.pa-stock-summary span { color:var(--pa-muted); font-size:9px; }

.pa-metric-controls { margin-bottom:10px; display:flex; align-items:center; justify-content:space-between; gap:10px; }.pa-metric-chips { display:flex; flex-wrap:wrap; gap:5px; }.pa-metric-chips button { min-height:28px; padding:0 8px; display:flex; align-items:center; gap:6px; border:1px solid color-mix(in srgb,var(--pa-primary) 25%,var(--pa-line)); border-radius:7px; background:var(--pa-primary-soft); color:var(--pa-primary); font-size:8.5px; }.pa-metric-chips button i { font-style:normal; }.pa-metric-chips button.add { border-style:dashed; background:var(--pa-card); color:var(--pa-muted); }.pa-chart-modes { padding:3px; display:flex; border:1px solid var(--pa-line); border-radius:8px; background:var(--pa-soft); }.pa-chart-modes button { min-height:28px; padding:0 9px; border:0; border-radius:6px; background:transparent; color:var(--pa-muted); font-size:8px; }.pa-chart-modes button.active { background:var(--pa-card); color:var(--pa-primary); box-shadow:0 2px 7px rgba(20,28,50,.07); }
.pa-insight-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:10px; }.pa-insight-cards article { min-height:82px; padding:12px; display:grid; grid-template-columns:34px 1fr; align-items:start; gap:9px; border:1px solid var(--pa-line); border-radius:9px; background:var(--pa-card); }.pa-insight-cards article>i { width:32px; height:32px; display:grid; place-items:center; border-radius:8px; background:var(--pa-primary-soft); color:var(--pa-primary); font-style:normal; }.pa-insight-cards article.green>i { background:color-mix(in srgb,var(--pa-green) 12%,var(--pa-card)); color:var(--pa-green); }.pa-insight-cards article.orange>i { background:color-mix(in srgb,var(--pa-orange) 12%,var(--pa-card)); color:var(--pa-orange); }.pa-insight-cards article.violet>i { background:color-mix(in srgb,var(--pa-violet) 12%,var(--pa-card)); color:var(--pa-violet); }.pa-insight-cards span { display:block; color:var(--pa-muted); font-size:8px; }.pa-insight-cards b { display:block; margin:4px 0; font-size:15px; }.pa-insight-cards p { margin:0; color:var(--pa-muted); font-size:8px; }
.pa-trend-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:10px; }.pa-trend-card { min-width:0; }.pa-trend-card header>div:last-child { text-align:right; }.pa-trend-card header>div:last-child b { display:block; font-size:12px; }.pa-trend-card header .pa-delta { margin:3px 0 0 auto; }.pa-trend-card .pa-chart-svg { height:210px; padding:4px 8px 8px; }.pa-trend-summary { margin-top:10px; }
.pa-modal-backdrop { display:grid; place-items:center; }.pa-metric-modal { width:min(660px,92vw); max-height:82vh; display:flex; flex-direction:column; border:1px solid var(--pa-line); border-radius:12px; background:var(--pa-card); box-shadow:0 24px 70px rgba(8,14,28,.3); }.pa-metric-list { padding:10px 16px; display:grid; grid-template-columns:1fr 1fr; gap:8px 20px; overflow:auto; }.pa-metric-list section { padding-bottom:8px; }.pa-metric-list h3 { margin:5px 0 7px; color:var(--pa-light); font-size:8px; text-transform:uppercase; }.pa-metric-list label { min-height:31px; display:grid; grid-template-columns:16px 1fr auto; align-items:center; gap:6px; color:var(--pa-text); font-size:9px; }.pa-metric-list input { accent-color:var(--pa-primary); }.pa-metric-list small { color:var(--pa-light); font-size:7px; }

.pa-stock-grid { display:grid; grid-template-columns:1.3fr .7fr; gap:10px; margin-bottom:10px; }.pa-cluster-bars { padding-bottom:12px; }.pa-cluster-row { min-height:39px; padding:6px 14px; display:grid; grid-template-columns:120px 1fr 55px; align-items:center; gap:8px; }.pa-cluster-row>span { overflow:hidden; font-size:8.5px; text-overflow:ellipsis; white-space:nowrap; }.pa-cluster-row small { display:block; margin-top:2px; color:var(--pa-light); font-size:7px; }.pa-cluster-row>div { height:10px; display:flex; overflow:hidden; border-radius:999px; background:var(--pa-soft); }.pa-cluster-row i { height:100%; display:block; }.pa-cluster-row i.available { background:var(--pa-green); }.pa-cluster-row i.reserved { background:var(--pa-orange); }.pa-cluster-row i.transit { background:var(--pa-violet); }.pa-cluster-row>b { font-size:9px; text-align:right; }.pa-cluster-bars>footer { padding:8px 14px 0; display:flex; gap:13px; color:var(--pa-muted); font-size:7.5px; }.pa-cluster-bars footer span::before { content:""; width:7px; height:7px; margin-right:4px; display:inline-block; border-radius:50%; background:var(--pa-green); }.pa-cluster-bars footer .reserved::before { background:var(--pa-orange); }.pa-cluster-bars footer .transit::before { background:var(--pa-violet); }
.pa-donut-card { min-width:0; }.pa-donut-wrap { padding:18px; display:grid; grid-template-columns:130px 1fr; align-items:center; gap:15px; }.pa-donut { --p:40; width:120px; height:120px; display:grid; place-items:center; align-content:center; border-radius:50%; background:radial-gradient(circle,var(--pa-card) 0 48%,transparent 49%),conic-gradient(var(--pa-primary) calc(var(--p)*1%),var(--pa-green) 0 72%,var(--pa-orange) 0 88%,var(--pa-violet) 0); }.pa-donut b,.pa-donut span { display:block; position:relative; z-index:1; text-align:center; }.pa-donut b { font-size:17px; }.pa-donut span { color:var(--pa-muted); font-size:7px; }.pa-donut-wrap p { margin:7px 0; display:grid; grid-template-columns:8px 1fr auto; align-items:center; gap:6px; color:var(--pa-muted); font-size:7.5px; }.pa-donut-wrap p i { width:7px; height:7px; border-radius:50%; background:var(--pa-primary); }.pa-donut-wrap p i.c1 { background:var(--pa-green); }.pa-donut-wrap p i.c2 { background:var(--pa-orange); }.pa-donut-wrap p i.c3 { background:var(--pa-violet); }.pa-donut-wrap p i.c4 { background:var(--pa-blue); }.pa-no-breakdown { margin-bottom:10px; padding:15px; display:grid; grid-template-columns:36px 1fr auto; align-items:center; gap:11px; border:1px solid var(--pa-line); border-radius:10px; background:var(--pa-card); }.pa-no-breakdown>i { width:36px; height:36px; display:grid; place-items:center; border-radius:9px; background:var(--pa-primary-soft); color:var(--pa-primary); font-style:normal; }.pa-no-breakdown b,.pa-no-breakdown span { display:block; }.pa-no-breakdown span { margin-top:4px; color:var(--pa-muted); font-size:8.5px; }
.pa-stock-products { margin-bottom:10px; }.pa-stock-products>header { padding:12px 14px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--pa-line); }.pa-stock-products h2 { margin:0; font-size:12px; }.pa-stock-products header p { margin:3px 0 0; color:var(--pa-muted); font-size:8px; }.pa-stock-table { width:100%; min-width:900px; border-collapse:collapse; }.pa-stock-table th,.pa-stock-table td { padding:9px 11px; border-bottom:1px solid var(--pa-line); font-size:8.5px; text-align:right; white-space:nowrap; }.pa-stock-table th { background:var(--pa-soft); color:var(--pa-light); font-size:7.5px; text-transform:uppercase; }.pa-stock-table th:first-child,.pa-stock-table td:first-child { text-align:left; }.pa-cover { padding:3px 6px; border-radius:5px; background:var(--pa-soft); }.pa-cover.danger { background:color-mix(in srgb,var(--pa-red) 11%,var(--pa-card)); color:var(--pa-red); }.pa-cover.warning { background:color-mix(in srgb,var(--pa-orange) 12%,var(--pa-card)); color:var(--pa-orange); }.pa-cover.success { background:color-mix(in srgb,var(--pa-green) 11%,var(--pa-card)); color:var(--pa-green); }.pa-draft-check { display:flex; align-items:center; gap:4px; color:var(--pa-primary); font-size:8px; }.pa-draft-check input { accent-color:var(--pa-primary); }
.pa-stock-warning { min-height:62px; padding:11px 13px; display:grid; grid-template-columns:34px 1fr auto; align-items:center; gap:11px; border:1px solid color-mix(in srgb,var(--pa-orange) 25%,var(--pa-line)); border-radius:10px; background:color-mix(in srgb,var(--pa-orange) 8%,var(--pa-card)); }.pa-stock-warning>i { width:32px; height:32px; display:grid; place-items:center; border-radius:9px; background:var(--pa-orange); color:#fff; font-style:normal; font-weight:800; }.pa-stock-warning b,.pa-stock-warning span { display:block; }.pa-stock-warning span { margin-top:4px; color:var(--pa-muted); font-size:8px; }
.pa-import-card { max-width:620px; margin:40px auto; padding:34px; display:grid; justify-items:center; border:1px solid var(--pa-line); border-radius:14px; background:var(--pa-card); box-shadow:0 10px 30px rgba(20,27,50,.06); text-align:center; }.pa-import-card>i { width:62px; height:62px; display:grid; place-items:center; border-radius:18px; background:var(--pa-primary-soft); color:var(--pa-primary); font-size:27px; font-style:normal; }.pa-import-card h2 { margin:17px 0 8px; font-size:18px; }.pa-import-card>p { max-width:480px; margin:0 0 20px; color:var(--pa-muted); font-size:10px; line-height:1.55; }.pa-import-card>div { width:100%; padding:10px 0; display:flex; justify-content:space-between; border-top:1px solid var(--pa-line); color:var(--pa-muted); font-size:9px; }.pa-import-card>div b { color:var(--pa-text); }.pa-import-card .pa-button { margin-top:18px; }.pa-import-card>small { margin-top:8px; color:var(--pa-light); font-size:7.5px; }
.pa-insight-cards article[data-pa-open-metric],.pa-trend-card[data-pa-open-metric] { cursor:pointer; transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease; }.pa-insight-cards article[data-pa-open-metric]:hover,.pa-trend-card[data-pa-open-metric]:hover { transform:translateY(-1px); border-color:color-mix(in srgb,var(--pa-primary) 35%,var(--pa-line)); box-shadow:0 9px 24px rgba(27,37,72,.09); }.pa-insight-cards article[data-pa-open-metric]:focus-visible,.pa-trend-card[data-pa-open-metric]:focus-visible { outline:2px solid var(--pa-primary); outline-offset:2px; }.pa-insight-cards article small { display:block; margin-top:5px; color:var(--pa-primary); font-size:7px; }.pa-trend-card>footer { padding:0 13px 11px; color:var(--pa-primary); font-size:7px; }
.pa-metric-detail-backdrop { z-index:114; padding:24px; }.pa-metric-detail-modal { width:min(980px,96vw); max-height:92vh; display:flex; flex-direction:column; overflow:hidden; border:1px solid var(--pa-line); border-radius:14px; background:var(--pa-bg); box-shadow:0 28px 85px rgba(8,14,28,.34); }.pa-metric-detail-modal>header { padding:16px 18px; display:flex; align-items:flex-start; justify-content:space-between; gap:12px; border-bottom:1px solid var(--pa-line); background:var(--pa-card); }.pa-metric-detail-modal>header small { color:var(--pa-primary); font-size:8px; font-weight:750; letter-spacing:.06em; text-transform:uppercase; }.pa-metric-detail-modal>header h2 { margin:3px 0; font-size:18px; }.pa-metric-detail-modal>header p { margin:0; color:var(--pa-muted); font-size:9px; }.pa-metric-detail-modal>header button { width:32px; height:32px; flex:0 0 32px; border:0; border-radius:8px; background:var(--pa-soft); color:var(--pa-muted); font-size:20px; }.pa-metric-detail-body { padding:14px; overflow:auto; }.pa-metric-detail-hero { margin-bottom:10px; padding:14px 16px; display:grid; grid-template-columns:180px 1fr; align-items:center; gap:16px; border:1px solid color-mix(in srgb,var(--pa-primary) 24%,var(--pa-line)); border-radius:10px; background:linear-gradient(110deg,var(--pa-primary-soft),var(--pa-card)); }.pa-metric-detail-hero span { display:block; color:var(--pa-muted); font-size:8px; }.pa-metric-detail-hero b { display:block; margin:4px 0; color:var(--pa-text); font-size:23px; }.pa-metric-detail-hero .pa-delta { margin:0; }.pa-metric-detail-hero p { margin:0; color:var(--pa-muted); font-size:9px; line-height:1.55; }.pa-metric-detail-kpis { margin-bottom:10px; display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }.pa-metric-detail-kpis>div { min-height:68px; padding:11px 12px; border:1px solid var(--pa-line); border-radius:9px; background:var(--pa-card); }.pa-metric-detail-kpis span { display:block; color:var(--pa-muted); font-size:8px; }.pa-metric-detail-kpis b { display:block; margin-top:7px; font-size:13px; }.pa-metric-source { margin-bottom:10px; padding:10px 12px; display:grid; gap:3px; border:1px solid color-mix(in srgb,var(--pa-green) 26%,var(--pa-line)); border-radius:8px; background:color-mix(in srgb,var(--pa-green) 7%,var(--pa-card)); }.pa-metric-source.warn { border-color:color-mix(in srgb,var(--pa-orange) 30%,var(--pa-line)); background:color-mix(in srgb,var(--pa-orange) 7%,var(--pa-card)); }.pa-metric-source b { font-size:9px; }.pa-metric-source span { color:var(--pa-muted); font-size:8px; }.pa-metric-detail-chart { margin-bottom:10px; }.pa-metric-detail-chart h3,.pa-metric-products h3 { margin:0; font-size:11px; }.pa-metric-detail-chart header p,.pa-metric-products header p { margin:3px 0 0; color:var(--pa-muted); font-size:8px; }.pa-metric-detail-chart .pa-chart-svg { height:240px; }.pa-metric-detail-table { width:100%; min-width:600px; border-collapse:collapse; border:1px solid var(--pa-line); background:var(--pa-card); }.pa-metric-detail-table th,.pa-metric-detail-table td { padding:9px 11px; border-bottom:1px solid var(--pa-line); color:var(--pa-muted); font-size:8.5px; text-align:right; }.pa-metric-detail-table th { background:var(--pa-soft); color:var(--pa-light); font-size:7.5px; text-transform:uppercase; }.pa-metric-detail-table th:first-child,.pa-metric-detail-table td:first-child { text-align:left; }.pa-metric-detail-table td b { color:var(--pa-text); }.pa-metric-detail-table td small { display:block; margin-top:2px; color:var(--pa-light); font-size:7px; }.pa-metric-products { margin-top:12px; }.pa-metric-products>header { padding:12px 13px; border:1px solid var(--pa-line); border-bottom:0; border-radius:9px 9px 0 0; background:var(--pa-card); }
.pa-loading,.pa-error,.pa-empty { min-height:180px; padding:25px; display:grid; place-items:center; align-content:center; gap:8px; border:1px dashed var(--pa-line); border-radius:10px; background:var(--pa-card); color:var(--pa-muted); text-align:center; }.pa-loading i { width:30px; height:30px; border:3px solid var(--pa-line); border-top-color:var(--pa-primary); border-radius:50%; animation:pa-spin .8s linear infinite; }.pa-loading b,.pa-error b { color:var(--pa-text); }.pa-loading span,.pa-error p { margin:0; font-size:9px; }.pa-empty { min-height:100px; font-size:9px; }.pa-error .pa-button { margin-top:5px; }
@keyframes pa-spin { to { transform:rotate(360deg); } }

@media (max-width:1280px) {
  .pa-filter-panel { grid-template-columns:1fr 1fr 1fr; }.pa-filter-panel .pa-button { align-self:end; }
  .pa-kpi-grid.six { grid-template-columns:repeat(3,1fr); }
  .pa-summary-grid { grid-template-columns:1.35fr .65fr; }.pa-attention { grid-column:1/-1; }.pa-attention-item { min-height:42px; }
  .pa-drawer-kpis.six { grid-template-columns:repeat(3,1fr); }
}
@media (max-width:900px) {
  .pa-page-head,.pa-viewbar,.pa-metric-controls { align-items:stretch; flex-direction:column; }.pa-head-actions,.pa-table-actions { align-self:flex-start; }
  .pa-filter-panel { grid-template-columns:1fr 1fr; }.pa-filter-panel .pa-filter-product { grid-column:1/-1; }
  .pa-summary-grid,.pa-dual-tables,.pa-trend-grid,.pa-stock-grid,.pa-drawer-grid { grid-template-columns:1fr; }.pa-attention { grid-column:auto; }
  .pa-insight-cards { grid-template-columns:1fr; }.pa-table-filter-row { flex-wrap:wrap; }.pa-search-wide { width:100%; }
  .pa-drawer-kpis.six { grid-template-columns:repeat(2,1fr); }.pa-donut-wrap { justify-content:center; }
}
@media (max-width:620px) {
  .product-analytics-page { margin-inline:-12px; }.pa-root { padding:0 2px 70px; }.pa-page-head,.pa-filter-panel,.pa-kpi-grid,.pa-summary-grid,.pa-dual-tables,.pa-viewbar,.pa-table-filter-row,.pa-metric-controls,.pa-insight-cards,.pa-trend-grid,.pa-stock-grid,.pa-stock-warning,.pa-no-breakdown { margin-inline:10px; }
  .pa-page-head { padding-top:4px; }.pa-page-head h1 { font-size:19px; }.pa-filter-panel { grid-template-columns:1fr; }.pa-filter-panel .pa-filter-product { grid-column:auto; }.pa-filter-panel .pa-check-line { white-space:normal; }
  .pa-kpi-grid.six { grid-template-columns:1fr 1fr; }.pa-kpi { min-height:86px; }.pa-kpi b { font-size:14px; }
  .pa-summary-grid,.pa-dual-tables { gap:9px; }.pa-dual-tables .pa-card { overflow:auto; }.pa-insight,.pa-stock-warning,.pa-no-breakdown { grid-template-columns:32px 1fr; }.pa-insight .pa-button,.pa-stock-warning .pa-button,.pa-no-breakdown .pa-button { grid-column:1/-1; }
  .pa-view-tabs { max-width:100%; overflow:auto; }.pa-table-actions { width:100%; }.pa-table-actions .pa-button { flex:1; }.pa-smart-table-card,.pa-stock-products { border-radius:0; border-inline:0; }
  .pa-column-panel,.pa-sku-drawer { width:100vw; }.pa-sku-drawer>nav { gap:12px; overflow:auto; }.pa-drawer-body { padding:11px; }.pa-drawer-kpis.six { grid-template-columns:1fr 1fr; }.pa-metric-list { grid-template-columns:1fr; }.pa-modal-backdrop { align-items:end; }.pa-metric-modal { width:100%; max-height:88vh; border-radius:14px 14px 0 0; }.pa-metric-detail-backdrop { padding:0; }.pa-metric-detail-modal { width:100%; max-height:94vh; border-radius:14px 14px 0 0; }.pa-metric-detail-body { padding:10px; }.pa-metric-detail-hero { grid-template-columns:1fr; }.pa-metric-detail-kpis { grid-template-columns:1fr; }
  .pa-chart-modes { align-self:flex-start; }.pa-donut-wrap { grid-template-columns:115px 1fr; }.pa-donut { width:105px; height:105px; }.pa-import-card { margin:20px 10px; padding:24px 18px; }
}