.statistics-page{padding-bottom:50px}.statistics-top{gap:25px}.statistics-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;background:#fff;border:1px solid var(--line);border-radius:17px;padding:14px 17px;margin-bottom:16px}.period-filter{display:flex;gap:5px;background:#edf4f0;padding:4px;border-radius:12px}.period-filter button{border:0;background:transparent;color:var(--muted);font:inherit;font-size:12px;font-weight:750;padding:8px 12px;border-radius:9px;cursor:pointer}.period-filter button.active{background:#fff;color:var(--ink);box-shadow:0 2px 9px rgba(16,35,29,.1)}.statistics-search{display:block;margin:0;width:min(360px,100%);font-size:11px;color:var(--muted)}.statistics-search span{display:block;margin-bottom:4px}.statistics-search input{padding:9px 12px}.statistics-hero{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.hero-kpi{position:relative;background:#fff;border:1px solid var(--line);border-left:4px solid #a8b7b0;border-radius:16px;padding:18px;overflow:hidden}.hero-kpi.status-good{border-left-color:#18a66e}.hero-kpi.status-warning{border-left-color:#e0a018}.hero-kpi.status-critical{border-left-color:#d64545}.hero-kpi span,.hero-kpi small{display:block;color:var(--muted);font-size:11px}.hero-kpi strong{display:block;font-size:25px;margin:5px 0;letter-spacing:-.035em}.statistics-chart-panel{margin-top:16px}.chart-legend{display:flex;gap:13px;font-size:11px;color:var(--muted)}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i{width:15px;height:3px;border-radius:4px;background:#0d8b61}.chart-legend i.blocked{background:#e0a018}.chart-legend i.vpn{background:#7867dc}.statistics-chart{height:260px;padding:5px 18px 18px}.statistics-chart svg{width:100%;height:100%;overflow:visible}.statistics-chart line{stroke:#dfe9e3;stroke-width:1}.statistics-chart polyline{fill:none;stroke:#0d8b61;stroke-width:3;vector-effect:non-scaling-stroke}.statistics-chart polyline.blocked{stroke:#e0a018}.statistics-chart polyline.vpn{stroke:#7867dc}.chart-empty{height:100%;display:grid;place-items:center;color:var(--muted);font-size:13px;background:linear-gradient(#fbfdfc,#f6faf7);border-radius:12px}.statistics-group{margin-top:30px}.statistics-group-head{display:flex;justify-content:space-between;align-items:end;margin:0 3px 12px}.statistics-group-head h2{font-size:21px;margin:0}.statistics-group-head p{margin:2px 0 0;color:var(--muted);font-size:11px}.kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.kpi-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px;min-height:168px}.kpi-card[hidden],.statistics-group[hidden]{display:none}.kpi-head{display:flex;align-items:center;justify-content:space-between}.kpi-number{font-size:10px;font-weight:850;letter-spacing:.08em;color:var(--muted)}.kpi-state{width:9px;height:9px;border-radius:50%;background:#a8b7b0;box-shadow:0 0 0 4px #edf2ef}.status-good .kpi-state{background:#18a66e;box-shadow:0 0 0 4px #e0f7ed}.status-warning .kpi-state{background:#e0a018;box-shadow:0 0 0 4px #fff2cf}.status-critical .kpi-state{background:#d64545;box-shadow:0 0 0 4px #fee8e8}.kpi-card h3{font-size:13px;line-height:1.3;margin:12px 0 5px}.kpi-card>strong{display:block;font-size:23px;line-height:1.15;letter-spacing:-.035em;overflow-wrap:anywhere}.kpi-card p{font-size:10px;color:var(--muted);margin:9px 0 0;line-height:1.4}.statistics-details{margin-top:30px}.detail-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:0 22px 24px}.detail-columns h3{font-size:13px}.detail-columns ol{list-style:none;margin:0;padding:0}.detail-columns li{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:9px 0;font-size:11px}.detail-columns li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}@media(max-width:1050px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.statistics-toolbar{align-items:stretch;flex-direction:column}.statistics-search{width:100%}.statistics-hero,.kpi-grid,.detail-columns{grid-template-columns:1fr}.statistics-top{align-items:flex-start}.period-filter{overflow:auto}.chart-legend{display:none}}
.customer-kpis{margin:0 0 22px}.customer-kpi-tabs{display:flex;gap:5px;overflow:auto;padding:5px;background:#eaf2ed;border-radius:14px;margin-bottom:12px}.customer-kpi-tabs button{white-space:nowrap;border:0;background:transparent;color:var(--muted);padding:10px 14px;border-radius:10px;font:inherit;font-size:12px;font-weight:750;cursor:pointer}.customer-kpi-tabs button.active{background:#fff;color:var(--ink);box-shadow:0 3px 12px rgba(16,35,29,.1)}.customer-kpi-panel[hidden]{display:none}.customer-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.customer-kpi-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px;min-height:160px}.customer-kpi-card>div{display:flex;justify-content:space-between;align-items:center}.customer-kpi-number{font-size:10px;font-weight:850;letter-spacing:.08em;color:var(--muted)}.customer-kpi-card h3{font-size:13px;line-height:1.3;margin:12px 0 6px}.customer-kpi-card>strong{display:block;font-size:21px;line-height:1.2;letter-spacing:-.03em;overflow-wrap:anywhere}.customer-kpi-card p{font-size:10px;line-height:1.4;color:var(--muted);margin:9px 0 0}@media(max-width:850px){.customer-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.customer-kpi-grid{grid-template-columns:1fr}}