.creator-stats{margin:22px 0 32px;padding:27px;border:1px solid #ffffff20;border-radius:14px;background:linear-gradient(140deg,#22222d,#1a1b24)}
.creator-stats-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}
.creator-stats-head h2{margin:7px 0;font-size:clamp(28px,3vw,39px);letter-spacing:-1.7px;color:#fff}
.creator-stats-head p{margin:0;color:#aba6b0;font-size:12px}
.creator-stats-period{display:flex;gap:4px;padding:4px;border:1px solid #ffffff23;border-radius:9px;background:#13141d;white-space:nowrap}
.creator-stats-period button{border:0;border-radius:6px;background:none;color:#b6adb6;font-size:11px;font-weight:800;padding:9px 12px}
.creator-stats-period button.active{color:#22191b;background:#e7aa8d}
.creator-stats-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}
.creator-stats-metrics>div{min-width:0;border:1px solid #ffffff1c;border-radius:10px;background:#ffffff08;padding:20px}
.creator-stats-metrics span{display:block;color:#e9aa8d;letter-spacing:1.2px;font-size:10px;font-weight:900}
.creator-stats-metrics strong{display:block;color:#fff;font-size:38px;line-height:1.1;margin:10px 0 8px;letter-spacing:-1.8px}
.creator-stats-metrics small{display:block;color:#aaa4af;font-size:11px;line-height:1.5}
.creator-stats-chart-card{border:1px solid #ffffff1c;border-radius:10px;background:#171821;padding:22px;margin-bottom:14px}
.creator-stats-chart-title,.creator-stats-list-title{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px}
.creator-stats-chart-title h3,.creator-stats-list-title h3{font-size:18px;letter-spacing:-.5px;color:#fff;margin:0}
.creator-stats-chart-title span,.creator-stats-list-title span{color:#aaa4af;font-size:10px}
.creator-stats-chart-scroll{overflow-x:auto;padding-bottom:3px}
.creator-stats-chart{height:170px;min-width:100%;display:grid;grid-template-columns:repeat(var(--days),minmax(0,1fr));align-items:end;gap:4px;border-bottom:1px solid #ffffff29;background:repeating-linear-gradient(to top,transparent 0,transparent 39px,#ffffff0b 40px);padding:0 0 0}
.creator-stats-day{height:100%;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative}
.creator-stats-bar{display:block;width:100%;min-height:2px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#f0c3a6,#b56c74);box-shadow:0 0 10px #e39d8640}
.creator-stats-day small{position:absolute;top:calc(100% + 5px);left:0;color:#9c98a4;font-size:9px;white-space:nowrap}
.creator-stats-chart-scroll{padding-bottom:24px}
.creator-stats-lists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.creator-stats-lists>div{min-width:0;border:1px solid #ffffff1c;border-radius:10px;background:#171821;padding:21px}
.creator-stats-track{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid #ffffff16;min-width:0}
.creator-stats-track .row-cover{width:42px;height:42px;aspect-ratio:1;object-fit:cover;flex:none;border-radius:5px}
.creator-stats-track>div{min-width:0;flex:1}
.creator-stats-track button{display:block;max-width:100%;padding:0;border:0;background:none;color:#fff;font-size:12px;font-weight:800;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.creator-stats-track small{display:block;color:#96919e;font-size:10px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.creator-stats-track strong{color:#eeb493;font-size:11px;white-space:nowrap}
.creator-stats-empty,.creator-stats-loading{color:#b3adb7;font-size:12px;line-height:1.6;margin:0}
@media(max-width:700px){.creator-stats{padding:18px}.creator-stats-head{align-items:start;flex-direction:column}.creator-stats-metrics{grid-template-columns:1fr}.creator-stats-lists{grid-template-columns:1fr}}