.stats-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;padding:14px 16px;background:var(--card);border:1px solid var(--line);border-radius:11px;box-shadow:0 2px 5px #0f172a05}.stats-filters>.field{margin:0;min-width:140px;flex:1;font-size:11px;max-width:220px}.stats-filters .field small{display:none}.stats-filters .select,.stats-filters .input{font-size:12px}.stats-period-switch{display:flex;align-items:flex-end;gap:12px}.stats-period-switch .tabs{min-height:35px}.stats-date-nav{display:flex;align-items:flex-end;gap:3px}.stats-date-nav .field{margin:0;font-size:11px;width:145px}.stats-date-nav .btn:first-child svg{transform:rotate(180deg)}.stats-date-nav .btn{min-height:36px;font-size:0;padding:6px}.stats-devices{display:flex;gap:10px;padding:8px 12px;margin:0;border:1px solid var(--line);border-radius:7px;min-height:45px}.stats-devices legend{font-size:11px;color:var(--muted);padding:0 4px}.stats-devices label{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:12px}.stats-context{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px}.stats-context>span{display:flex;align-items:center;gap:12px}.stats-context small{color:var(--muted);font-size:11px}.stats-scroll{flex:1!important;overflow:auto;min-height:0;padding-right:4px;display:flex;flex-direction:column;gap:16px;scrollbar-gutter:stable}.stats-scroll>*{flex-shrink:0}.stats-kpis .metric{min-height:126px;padding:17px 20px}.stats-kpis .metric b{font-size:26px;margin:14px 0 5px;font-variant-numeric:tabular-nums}.stats-kpis .metric em{font-size:11px;display:block;line-height:18px}.stats-kpis .metric-icon{top:19px!important}
.stats-charts{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(260px,1fr);gap:16px}.stats-card-heading{display:flex;justify-content:space-between;align-items:center;padding:17px 20px 10px}.stats-card-heading h2,.stats-breakdown h2{margin:0;font-size:14px;line-height:22px}.stats-card-heading p,.stats-breakdown p{color:var(--muted);font-size:11px;margin:4px 0 0;line-height:18px}.stats-icon{color:var(--primary);width:32px;height:32px;background:var(--accent);display:grid;place-items:center;border-radius:8px}.stats-trend-svg{width:100%;display:block;padding:0 12px;min-height:190px;max-height:245px}.stats-gridline{stroke:var(--line);stroke-dasharray:4 4}.stats-axis{fill:var(--muted);font-size:11px}.stats-trend-svg g[role=button]{cursor:pointer;outline:none}.stats-trend-svg g[role=button]:hover>rect:first-of-type,.stats-trend-svg g[role=button]:focus>rect:first-of-type{fill:var(--accent);opacity:.55}.stats-series-0{fill:var(--chart-1)}.stats-series-1{fill:var(--chart-2)}.stats-series-2{fill:var(--chart-3)}.stats-series-3{fill:#94a3b8}.stats-series-bg-0{background:var(--chart-1)}.stats-series-bg-1{background:var(--chart-2)}.stats-series-bg-2{background:var(--chart-3)}.stats-series-bg-3{background:#94a3b8}.stats-stroke-0{stroke:var(--chart-1)}.stats-stroke-1{stroke:var(--chart-2)}.stats-stroke-2{stroke:var(--chart-3)}.stats-stroke-3{stroke:#94a3b8}.stats-legend{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px;padding:12px 15px 16px;font-size:11px;color:var(--muted)}.stats-legend span,.stats-donut-list span{display:flex;align-items:center;gap:6px}.stats-legend i,.stats-donut-list i{width:8px;height:8px;border-radius:3px;display:inline-block;flex:none}.stats-donut-wrap{display:flex;flex-direction:column;align-items:center;padding:0 20px 18px}.stats-donut-wrap svg{width:170px;height:170px}.stats-donut-track{stroke:var(--panel)}.stats-donut-value{font-size:25px;font-weight:650;fill:var(--ink)}.stats-donut-list{width:100%}.stats-donut-list>div{display:flex;align-items:center;gap:10px;margin-top:8px;font-size:11px}.stats-donut-list span{flex:1;color:var(--muted)}.stats-donut-list strong{font-size:12px;font-variant-numeric:tabular-nums;font-weight:500}.stats-donut-list small{width:42px;text-align:right;color:var(--muted)}
.stats-breakdown{background:var(--card);border:1px solid var(--line);border-radius:11px;padding:16px;height:340px;display:flex;flex-direction:column;gap:12px;min-height:0}.stats-breakdown-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.stats-breakdown-heading .field{margin:0;flex-direction:row;align-items:center;font-size:11px}.stats-breakdown-heading .select{min-width:120px}.stats-breakdown .table td{font-size:12px}.stats-breakdown .toolbar .search-field{width:200px}.stats-breakdown .pagination{font-size:11px}.dialog:has([data-table=statistics-detail]) .drawer-body{display:flex;flex-direction:column;overflow:hidden}.dialog:has([data-table=statistics-detail]) #panel-form{display:flex;flex-direction:column;min-height:0;flex:1;gap:12px}.dialog:has([data-table=statistics-detail]) .note{flex-shrink:0}.stats-scroll>.note{margin:0}
@media(max-width:1200px){.stats-filters{gap:9px}.stats-charts{grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr)}.stats-kpis.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.stats-kpis .metric{padding:14px}.stats-kpis .metric b{font-size:22px}.stats-kpis .metric-icon{display:none!important}}@media(max-width:950px){.stats-charts{grid-template-columns:1fr}.stats-donut-wrap{flex-direction:row;gap:25px}.stats-kpis.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-context{align-items:flex-start;flex-direction:column;gap:6px}}