.statsContainer{max-width:1400px;margin:0 auto;padding:2rem 2rem 4rem}.pageHeader{text-align:center;margin-bottom:3rem}.pageHeader h1{color:var(--primary);margin-bottom:1rem;font-size:2.5rem;display:inline-block;position:relative}.pageHeader h1:after{content:"";background:var(--accent);border-radius:2px;width:80px;height:4px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.timeFilters{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem;display:flex}.timeFilterBtn{border:2px solid var(--primary);color:var(--primary);cursor:pointer;transition:var(--transition);background:#fff;border-radius:25px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600}.timeFilterBtn:hover{background:var(--primary);color:#fff;box-shadow:var(--shadow);transform:translateY(-2px)}.timeFilterBtn.active{background:var(--primary);color:#fff;box-shadow:var(--shadow)}.analyticsActions{flex-wrap:wrap;justify-content:flex-end;gap:1rem;margin-bottom:2rem;display:flex}.exportBtn{background:var(--accent);color:var(--primary);cursor:pointer;transition:var(--transition);border:none;border-radius:25px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;display:flex}.exportBtn:hover{background:var(--accent-dark);box-shadow:var(--shadow);transform:translateY(-2px)}.statsGrid{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.statCard{border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;transition:var(--transition);background:#fff;padding:2rem;position:relative;overflow:hidden}.statCard:before{content:"";background:var(--accent);width:100%;height:4px;position:absolute;top:0;left:0}.statCard:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.statIcon{color:var(--primary);margin-bottom:1rem;font-size:2.5rem}.statValue{color:var(--primary);margin:1rem 0;font-size:3rem;font-weight:700}.statLabel{color:var(--text-light);font-size:1.1rem}.statTrend{justify-content:center;align-items:center;gap:.3rem;margin-top:.5rem;font-size:.85rem;display:flex}.statTrend.up{color:var(--success)}.statTrend.down{color:var(--danger)}.topPieces{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;margin-bottom:3rem;padding:2rem;overflow-x:auto}.tableContainer{width:100%;overflow-x:auto}.tableHeader{text-align:center;margin-bottom:1.5rem}.tableHeader h2{color:var(--primary);font-size:1.5rem;display:inline-block;position:relative}.tableHeader h2:after{content:"";background:var(--accent);width:100%;height:3px;position:absolute;bottom:-8px;left:0}.statsTable{border-collapse:collapse;width:100%;min-width:100%}.statsTable th{background-color:var(--primary);color:#fff;text-align:left;white-space:nowrap;padding:1rem;font-size:.95rem}.statsTable tr:nth-child(2n){background-color:var(--gray)}.statsTable td{border-bottom:1px solid #eee;padding:1rem;font-size:.9rem}@media (max-width:768px){.statsContainer{padding:2.5rem 1.5rem 3rem}.pageHeader h1{font-size:2rem}.statValue{font-size:2.2rem}}.statsToolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.statsToolbar .timeFilters,.statsToolbar .analyticsActions{margin:0}.chartsGrid{grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:1.5rem;margin:2rem 0;display:grid}.chartCard{background:var(--white);border:1px solid var(--gray-dark);border-radius:var(--radius);padding:1.5rem}.chartCard h2{letter-spacing:.07em;text-transform:uppercase;color:var(--text-light);border-bottom:1px solid var(--gray-dark);margin-bottom:1.25rem;padding-bottom:.75rem;font-size:.78rem;font-weight:700}.chartEmpty{color:var(--text-lighter);margin:0;font-size:.9rem}.barChart{gap:.85rem;margin:0;padding:0;list-style:none;display:grid}.barChart li{grid-template-columns:minmax(min(90px,100%),1fr) minmax(0,1.6fr) auto;align-items:center;gap:.75rem;display:grid}.barLabel{color:var(--text);font-size:.84rem;line-height:1.3}.barLabel:first-letter{text-transform:uppercase}.barTrack{background:var(--gray);border-radius:999px;height:10px;display:block;overflow:hidden}.barFill{background:var(--primary);border-radius:999px;height:100%;display:block}.barValue{color:var(--primary);white-space:nowrap;font-size:.85rem;font-weight:700}.barValue em{color:var(--text-lighter);margin-left:.2rem;font-size:.76rem;font-style:normal;font-weight:600}.columnChart{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:end;gap:.35rem;height:180px;display:grid}.column{grid-template-rows:auto minmax(0,1fr) auto;align-items:end;min-width:0;height:100%;display:grid}.columnValue{color:var(--text-light);text-align:center;min-height:1em;font-size:.68rem;font-weight:700;line-height:1.4}.columnBar{background:var(--accent);width:100%;transition:var(--transition);border-radius:4px 4px 0 0;align-self:end;display:block}.column:hover .columnBar{background:var(--accent-dark)}.columnLabel{color:var(--text-lighter);text-align:center;text-transform:capitalize;text-overflow:ellipsis;white-space:nowrap;padding-top:.35rem;font-size:.66rem;overflow:hidden}@media (max-width:480px){.columnLabel{font-size:.72rem}.column:nth-child(2n) .columnLabel{visibility:hidden}.columnValue{font-size:.62rem}}@media (max-width:640px){.barChart li{grid-template-columns:minmax(min(70px,100%),1fr) minmax(0,1.2fr) auto;gap:.5rem}.columnChart{height:150px}}@media (max-width:600px){.statsToolbar{display:block}.timeFilters{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-bottom:.75rem;display:grid}.timeFilterBtn{border-width:1px;padding:.6rem .5rem;font-size:.85rem}.analyticsActions{margin:0;display:block}.exportBtn{justify-content:center;width:100%}}