.complaint-chart-container[data-v-ad21abe8]{padding:20px;background-color:#f5f5f5;min-height:100vh}.chart-header[data-v-ad21abe8]{background:#fff;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.chart-header h1[data-v-ad21abe8]{margin:0 0 20px 0;color:#333;font-size:24px}.filter-controls[data-v-ad21abe8]{display:flex;gap:15px;align-items:center}.charts-grid[data-v-ad21abe8]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.chart-card[data-v-ad21abe8]{background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);overflow:hidden}.chart-card.full-width[data-v-ad21abe8]{grid-column:1/-1}.card-header[data-v-ad21abe8]{padding:15px 20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.card-header h3[data-v-ad21abe8]{margin:0;color:#333;font-size:16px}.chart-tabs[data-v-ad21abe8]{display:flex;gap:10px}.tab[data-v-ad21abe8]{padding:5px 15px;border-radius:4px;cursor:pointer;background:#f5f5f5;color:#666;transition:all .3s}.tab.active[data-v-ad21abe8]{background:#409eff;color:#fff}.chart-content[data-v-ad21abe8]{padding:20px}.chart[data-v-ad21abe8]{width:100%;height:400px}.red-black-list[data-v-ad21abe8]{display:grid;grid-template-columns:1fr 1fr;gap:40px}.red-list h4[data-v-ad21abe8]{color:#67c23a;margin:0 0 15px 0;font-size:18px;text-align:center}.black-list h4[data-v-ad21abe8]{color:#f56c6c;margin:0 0 15px 0;font-size:18px;text-align:center}.list-items[data-v-ad21abe8]{display:flex;flex-direction:column;gap:10px}.list-item[data-v-ad21abe8]{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;border-radius:6px;transition:all .3s}.red-item[data-v-ad21abe8]{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:4px solid #67c23a}.black-item[data-v-ad21abe8]{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-left:4px solid #f56c6c}.list-item[data-v-ad21abe8]:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.rank[data-v-ad21abe8]{font-weight:700;font-size:18px;width:30px}.brand[data-v-ad21abe8]{flex:1;font-weight:500}.count[data-v-ad21abe8]{color:#666;font-size:14px}@media (max-width:768px){.charts-grid[data-v-ad21abe8]{grid-template-columns:1fr}.filter-controls[data-v-ad21abe8]{flex-direction:column;align-items:stretch}.red-black-list[data-v-ad21abe8]{grid-template-columns:1fr;gap:20px}}