.statistics-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;padding:17px 18px}.statistics-toolbar strong{display:block;margin-bottom:4px}.statistics-toolbar p{margin:0;color:var(--muted);font-size:12px}.statistics-periods{display:flex;flex-wrap:wrap;gap:7px}.statistics-period{border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);padding:8px 12px;font-size:12px;font-weight:800;cursor:pointer}.statistics-period:hover,.statistics-period.active{border-color:#d5cfff;background:#efedff;color:#5145cd}.statistics-kpis{margin-bottom:18px}.statistics-kpi-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.statistics-kpi-head>span:last-child{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;background:#efedff;color:#6254df;font-weight:900}.statistics-kpi-note{margin-top:8px;color:var(--muted);font-size:12px}.statistics-grid{display:grid;gap:18px}.statistics-main-grid{grid-template-columns:minmax(0,1.65fr) minmax(260px,.75fr);margin-bottom:18px}.statistics-lists-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.statistics-chart-card,.statistics-status-card,.statistics-list-card{min-width:0}.statistics-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.statistics-card-heading span{display:block;margin-bottom:5px;color:#7668e5;font-size:10px;font-weight:900;letter-spacing:.12em}.statistics-card-heading h2{margin:0;font-size:18px}.statistics-card-heading>strong{font-size:20px}.statistics-bars{display:grid;height:250px;grid-template-columns:repeat(6,minmax(54px,1fr));align-items:end;gap:12px;padding-top:24px}.statistics-bar-column{display:grid;height:100%;grid-template-rows:22px minmax(0,1fr) 20px 17px;align-items:end;text-align:center}.statistics-bar-value{overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.statistics-bar-track{position:relative;height:100%;overflow:hidden;border-radius:9px 9px 4px 4px;background:#f2f1f7}.statistics-bar{position:absolute;right:0;bottom:0;left:0;border-radius:9px 9px 4px 4px;background:linear-gradient(180deg,#8b7cf6,#6555da);box-shadow:0 -8px 25px rgba(109,93,252,.16);transition:height .25s ease}.statistics-bar-column>strong{font-size:11px;text-transform:capitalize}.statistics-bar-column>small{color:var(--muted);font-size:9px}.statistics-ring{display:grid;width:155px;height:155px;place-items:center;margin:8px auto 24px;border-radius:50%;background:conic-gradient(#6d5dfc 0 var(--paid),#eceaf5 var(--paid) 360deg);position:relative}.statistics-ring::after{content:'';position:absolute;inset:18px;border-radius:50%;background:#fff}.statistics-ring>div{position:relative;z-index:1;text-align:center}.statistics-ring strong,.statistics-ring span{display:block}.statistics-ring strong{font-size:28px}.statistics-ring span{margin-top:2px;color:var(--muted);font-size:11px}.statistics-status-list{display:grid;gap:10px}.statistics-status-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px}.statistics-status-list>div:last-child{border-bottom:0}.statistics-status-list span{display:flex;align-items:center;gap:8px}.statistics-status-list i{display:inline-block;width:9px;height:9px;border-radius:50%}.statistics-status-list i.paid{background:#6d5dfc}.statistics-status-list i.unpaid{background:#f2b53d}.statistics-status-list i.refunded{background:#e5677b}.statistics-service-list,.statistics-customer-list,.statistics-method-list{display:grid;gap:3px}.statistics-service-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.statistics-service-row:last-child,.statistics-customer-row:last-child{border-bottom:0}.statistics-rank{display:grid;width:26px;height:26px;place-items:center;border-radius:9px;background:#f1efff;color:#6555da;font-size:10px;font-weight:900}.statistics-service-info{min-width:0}.statistics-service-info>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}.statistics-service-info strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.statistics-service-info span{color:var(--muted);font-size:9px;white-space:nowrap}.statistics-progress,.statistics-method-track{height:5px;margin-top:7px;overflow:hidden;border-radius:999px;background:#efedf5}.statistics-progress span,.statistics-method-track span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#8b7cf6,#6555da)}.statistics-service-row>strong{font-size:11px}.statistics-customer-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.statistics-customer-row .avatar{width:34px;height:34px}.statistics-customer-row strong,.statistics-customer-row small{display:block}.statistics-customer-row>div>strong{font-size:12px}.statistics-customer-row small{margin-top:3px;color:var(--muted);font-size:10px}.statistics-customer-row>strong{font-size:11px}.statistics-method-row{padding:10px 0;border-bottom:1px solid var(--line)}.statistics-method-row:last-child{border-bottom:0}.statistics-method-row>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}.statistics-method-row strong{font-size:12px}.statistics-method-row>div:first-child span{color:var(--muted);font-size:10px}.statistics-method-row small{display:block;margin-top:5px;color:var(--muted);font-size:9px;text-align:right}.statistics-empty{padding:35px 10px;color:var(--muted);font-size:12px;text-align:center}@media(max-width:1100px){.statistics-lists-grid{grid-template-columns:1fr 1fr}.statistics-list-card:last-child{grid-column:1/-1}}@media(max-width:900px){.statistics-main-grid{grid-template-columns:1fr}.statistics-toolbar{align-items:flex-start;flex-direction:column}.statistics-periods{width:100%}.statistics-period{flex:1}.statistics-lists-grid{grid-template-columns:1fr}.statistics-list-card:last-child{grid-column:auto}}@media(max-width:620px){.statistics-bars{min-width:610px}.statistics-chart-card{overflow-x:auto}.statistics-periods{display:grid;grid-template-columns:1fr 1fr}.statistics-period{width:100%}.statistics-card-heading{align-items:flex-start;flex-direction:column}.statistics-card-heading>strong{font-size:17px}}