#view-statistics { padding-bottom: 40px; }
.stats-page-head { align-items: flex-end; }
.stats-page-head .page-title { max-width: 720px; }
.stats-filter-panel { display:grid; grid-template-columns:repeat(5,minmax(130px,1fr)) auto; gap:8px; align-items:end; padding:8px; margin-top:var(--layout-gap); }
.stats-filter-panel .cc-field { min-width:0; padding:6px 10px; gap:0; }
.stats-filter-panel .cc-select { min-height:30px; }
.stats-apply { min-height:50px; }
.stats-kpis { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--layout-gap); margin-top:var(--layout-gap); }
.stats-kpi,.stats-mini,.channel-card { padding:var(--card-padding); }
.stats-kpi { min-height:118px; display:flex; flex-direction:column; justify-content:center; }
.stats-kpi span,.stats-mini span,.channel-card div>span { color:var(--muted); font-size:12px; font-weight:700; }
.stats-kpi strong { margin:8px 0 5px; font-size:25px; letter-spacing:-.04em; }
.stats-kpi small,.stats-mini small,.channel-card small { color:var(--muted); font-size:11px; }
.stats-up { color:#067647!important; }.stats-down,.danger-text { color:var(--danger)!important; }
.stats-section-head { display:flex; align-items:end; justify-content:space-between; gap:16px; margin:24px 0 10px; }
.stats-section-head h2 { margin:3px 0 0; font-size:19px; }.stats-section-head a { color:var(--accent); font-size:12px; font-weight:800; text-decoration:none; }
.stats-stock-strip { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--layout-gap); }
.stats-mini { display:grid; gap:5px; }.stats-mini strong { font-size:20px; letter-spacing:-.03em; }
.stats-grid { display:grid; gap:var(--layout-gap); margin-top:var(--layout-gap); }.stats-grid--wide { grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr); }.stats-grid--thirds { grid-template-columns:repeat(3,1fr); }
.stats-card { min-width:0; }.stats-card-head { display:flex; justify-content:space-between; align-items:start; gap:12px; }.stats-card-head h3 { margin:0; font-size:15px; }.stats-card-head p { margin:4px 0 0; color:var(--muted); font-size:11px; }.stats-card-head>strong { font-size:14px; }
.chart-compare-legend{display:flex;align-items:center;gap:16px;margin-top:12px;color:var(--muted);font-size:9px}.chart-compare-legend span{display:flex;align-items:center;gap:6px}.chart-compare-legend i{width:9px;height:9px;border-radius:3px}.chart-compare-legend .is-year-current{background:#155eef}.chart-compare-legend .is-year-previous{background:#c9d8f6}.chart-compare-legend b{margin-left:auto;color:#067647;font-size:10px}
.chart-bars { height:190px; padding:12px 0 24px; border-bottom:1px solid var(--line); background:repeating-linear-gradient(to top,transparent 0,transparent 44px,var(--line) 45px); }
.chart-bars--compare{display:flex;align-items:stretch;gap:7px}.chart-bars--compare>div{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.chart-bars--compare>div>span{width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px}.chart-bars--compare i{position:relative;width:38%;height:var(--h);max-width:18px;border-radius:4px 4px 1px 1px}.chart-bars--compare .bar-previous{background:linear-gradient(180deg,#b8caf0,#e2eafb)}.chart-bars--compare .bar-current{background:linear-gradient(180deg,#4f86f7,#a6c2fb)}.chart-bars--compare>div.is-current .bar-current{background:linear-gradient(180deg,#155eef,#6598ff);box-shadow:0 7px 16px rgba(21,94,239,.2)}.chart-bars--compare>div>b{position:absolute;left:50%;bottom:-17px;transform:translateX(-50%);color:var(--muted);font-size:8px;white-space:nowrap}.chart-bars--compare i:hover::after{content:attr(data-value);position:absolute;left:50%;bottom:calc(100% + 5px);z-index:3;transform:translateX(-50%);padding:4px 6px;border-radius:6px;background:#101828;color:#fff;font-size:7px;white-space:nowrap}
.sales-compare { min-height:230px; display:flex; align-items:center; justify-content:center; gap:28px; }.sales-ring { width:150px; height:150px; border-radius:50%; display:grid; place-items:center; background:conic-gradient(var(--accent) 0 74%,#dce7fd 74% 100%); position:relative; }.sales-ring:after { content:""; position:absolute; inset:18px; background:rgba(255,255,255,.92); border-radius:50%; }.sales-ring span { z-index:1; text-align:center; }.sales-ring b,.sales-ring small { display:block; }.sales-ring b { font-size:30px; }.sales-ring small { color:var(--muted); font-size:10px; }.compare-legend { min-width:145px; }.compare-legend p { display:flex; align-items:center; gap:7px; font-size:11px; }.compare-legend p span { flex:1; }.compare-legend small { display:block; max-width:165px; color:var(--muted); line-height:1.5; }.dot { width:8px;height:8px;border-radius:50%; }.dot--blue{background:var(--accent)}.dot--pale{background:#dce7fd}
.h-bars { display:grid; gap:14px; margin-top:22px; }.h-bars>div { display:grid; grid-template-columns:82px 1fr 24px; align-items:center; gap:9px; font-size:10px; }.h-bars i,.prep-progress>i { height:8px; background:#e9eef8; border-radius:99px; overflow:hidden; }.h-bars i b,.prep-progress>i b { display:block;height:100%;background:linear-gradient(90deg,#155eef,#72a3ff);border-radius:99px}.h-bars i b.is-danger{background:#d92d20}
.status-donut-row { display:flex; align-items:center; justify-content:center; gap:22px; min-height:190px; }.status-donut { width:125px; height:125px; border-radius:50%; background:conic-gradient(#155eef 0 57%,#78a4ff 57% 82%,#b7ccfb 82%); position:relative; }.status-donut:after { content:"98";position:absolute;inset:25px;border-radius:50%;background:white;display:grid;place-items:center;font-weight:900;font-size:20px; }.compact-legend { flex:1; }.compact-legend p { display:flex;align-items:center;gap:7px;font-size:10px; }.compact-legend p i{width:8px;height:8px;border-radius:50%;background:var(--c)}.compact-legend span{flex:1}.price-bands { display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:18px;}.price-bands div{padding:12px;border:1px solid var(--line);border-radius:12px;display:grid;gap:3px}.price-bands span,.price-bands small{font-size:10px;color:var(--muted)}.price-bands strong{font-size:18px}
.line-chart { width:100%;height:225px;margin-top:8px;overflow:visible }.line-chart .gridline{stroke:rgba(0,0,0,.07);stroke-width:1}.line-chart .area{fill:url(#area)}.line-chart .line{fill:none;stroke:#155eef;stroke-width:4;stroke-linecap:round}.line-chart .axis{font-size:10px;fill:#777}
.ops-metrics { display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:18px}.ops-metrics div{padding:12px;background:rgba(21,94,239,.04);border:1px solid rgba(21,94,239,.09);border-radius:12px;display:grid;gap:4px}.ops-metrics span,.ops-metrics small{font-size:10px;color:var(--muted)}.ops-metrics strong{font-size:20px}.prep-progress{margin-top:15px}.prep-progress>span{display:flex;justify-content:space-between;font-size:10px;margin-bottom:7px}.prep-progress em{font-style:normal;font-weight:800}.prep-progress>i{display:block}
.stats-table-wrap{overflow-x:auto}.stats-table{width:100%;border-collapse:collapse;margin-top:12px;font-size:11px}.stats-table th{text-align:left;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.05em}.stats-table th,.stats-table td{padding:11px 8px;border-bottom:1px solid var(--line);white-space:nowrap}.stats-table td:first-child{display:flex;align-items:center;gap:8px}.seller-avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#155eef;color:white;font-size:9px}.seller-avatar.is-light{background:#6998f8}.seller-avatar.is-pale{background:#c7d8fb;color:#17499e}
.crm-funnel{display:grid;justify-items:start;gap:5px;margin-top:16px}.crm-funnel div{width:var(--w);min-width:42%;padding:8px 12px;display:flex;justify-content:space-between;border-radius:7px;background:linear-gradient(90deg,#155eef,#78a5ff);color:white;font-size:10px}.crm-funnel div b{font-size:13px}.conversion{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font-size:11px}.conversion strong{font-size:18px;color:var(--accent)}
.channel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--layout-gap)}.channel-card{display:flex;align-items:center;gap:12px;min-height:78px}.channel-icon{display:grid;place-items:center;flex:0 0 37px;height:37px;border-radius:12px;background:var(--accent-soft);color:var(--accent);font-size:16px}.channel-card div{display:grid;gap:3px;min-width:0}.channel-card strong{font-size:18px;white-space:nowrap}.channel-card--featured{grid-column:span 2;background:linear-gradient(135deg,rgba(21,94,239,.12),rgba(255,255,255,.78));border-color:var(--accent-line)}
@media(max-width:1200px){.stats-filter-panel{grid-template-columns:repeat(3,1fr)}.stats-grid--thirds{grid-template-columns:repeat(2,1fr)}.stats-grid--thirds>:last-child{grid-column:span 2}.channel-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.stats-kpis,.stats-stock-strip{grid-template-columns:repeat(2,1fr)}.stats-grid--wide,.stats-grid--thirds{grid-template-columns:1fr}.stats-grid--thirds>:last-child{grid-column:auto}.channel-grid{grid-template-columns:repeat(2,1fr)}.stats-filter-panel{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.stats-page-head{align-items:start}.stats-page-head .actions{width:100%}.stats-page-head .actions .btn{flex:1}.stats-filter-panel,.stats-kpis,.stats-stock-strip,.channel-grid{grid-template-columns:1fr}.channel-card--featured{grid-column:auto}.sales-compare{flex-direction:column;gap:10px}.chart-bars i:nth-child(-n+4){display:none}.stats-section-head{align-items:start}.stats-section-head small{display:none}}
@media print{.sidebar,.topbar,.stats-filter-panel,.stats-page-head .actions{display:none!important}.shell{margin:0!important;width:100%!important}.stats-card,.stats-kpi,.stats-mini{break-inside:avoid;box-shadow:none}.page{padding:0!important}}