.dashboard-page{flex-direction:column;gap:24px;display:flex}.text-muted{color:var(--text-secondary)}.mt-2{margin-top:8px}.text-sm{font-size:.875rem}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.metric-card{flex-direction:column;gap:8px;padding:14px 20px;display:flex;position:relative;overflow:hidden}.metric-card:before{content:"";background:linear-gradient(90deg, var(--accent-primary), var(--accent-secondary));opacity:0;width:100%;height:4px;transition:opacity var(--transition-normal);position:absolute;top:0;left:0}.metric-card:hover:before{opacity:1}.metric-header{justify-content:space-between;align-items:center;display:flex}.metric-title{color:var(--text-secondary);font-size:1rem;font-weight:500}.metric-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.metric-body{flex-direction:column;gap:4px;display:flex}.metric-value{color:var(--text-primary);margin:0;font-size:2.2rem;font-weight:700;line-height:1.2}.metric-change{font-size:.9rem;font-weight:500}.metric-change.positive{color:var(--success)}.metric-change.negative{color:var(--danger)}.chart-section{margin-top:8px;padding:24px}.chart-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.chart-controls{align-items:center;gap:16px;display:flex}.toggle-group{border:1px solid var(--border-glass-light);background:#0f172a66;border-radius:8px;padding:3px;display:flex}.light-theme .toggle-group{background:#0000000d;border-color:#00000014}.toggle-btn{color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 14px;font-size:.825rem;font-weight:600}.toggle-btn.icon-only{justify-content:center;align-items:center;padding:6px 12px;display:flex}.toggle-btn:hover{color:var(--text-primary)}.toggle-btn.active{background:var(--bg-glass-light);color:var(--text-primary);box-shadow:0 2px 8px #0000001a}.light-theme .toggle-btn.active{color:var(--text-primary);background:#fff;box-shadow:0 2px 6px #00000014}.chart-container{width:100%}.custom-tooltip{border:1px solid var(--border-glass-light);border-radius:8px;padding:12px 16px}.custom-tooltip .label{color:var(--text-primary);margin-bottom:4px;font-weight:600}.custom-tooltip .intro{margin:0;font-size:.9rem;font-weight:500}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}.charts-grid-secondary{gap:24px;margin-top:24px;display:flex}.half-width{flex:1;min-width:0}.scrollable-chart{max-height:400px;padding-right:8px;overflow:hidden auto}.scrollable-chart::-webkit-scrollbar{width:6px}.scrollable-chart::-webkit-scrollbar-track{background:var(--bg-glass-light);border-radius:10px}.scrollable-chart::-webkit-scrollbar-thumb{background:var(--border-glass-light);border-radius:10px}.scrollable-chart::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (max-width:1100px){.charts-grid-secondary{flex-direction:column}}@media (max-width:768px){.chart-header{flex-direction:column;align-items:flex-start}}.dashboard-content-grid{grid-template-columns:1.8fr 1fr;gap:24px;margin-top:12px;display:grid}@media (max-width:1024px){.dashboard-content-grid{grid-template-columns:1fr}}.metric-header-new{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.metric-title-new{letter-spacing:.8px;color:var(--text-secondary);text-transform:uppercase;font-size:.75rem;font-weight:700}.metric-body-new{justify-content:space-between;align-items:baseline;width:100%;display:flex}.metric-value-new{color:var(--text-primary);margin:0;font-size:2rem;font-weight:700;line-height:1.2}.metric-trend-new{align-items:center;gap:4px;font-size:.9rem;font-weight:600;display:flex}.metric-trend-new.positive{color:#10b981}.metric-trend-new.neutral{color:#94a3b8}.chart-header-new{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-bottom:24px;display:flex}.chart-header-new h3{color:var(--text-primary);margin:0;font-size:1.15rem;font-weight:700}.chart-legend-new{align-items:center;gap:16px;display:flex}.legend-item-new{color:var(--text-secondary);align-items:center;gap:8px;font-size:.85rem;font-weight:600;display:flex}.legend-dot-new{border-radius:50%;width:10px;height:10px;display:inline-block}.legend-dot-new.api-dot{background-color:#3b82f6}.legend-dot-new.reviews-dot{background-color:#10b981}.customer-reviews-list{flex-direction:column;gap:20px;width:100%;max-height:350px;margin-top:8px;padding-right:8px;display:flex;overflow-y:auto}.customer-reviews-list::-webkit-scrollbar{width:5px}.customer-reviews-list::-webkit-scrollbar-track{background:0 0}.customer-reviews-list::-webkit-scrollbar-thumb{background:var(--border-glass-light);border-radius:4px}.customer-reviews-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.customer-review-item{flex-direction:column;gap:8px;width:100%;display:flex}.customer-review-info{justify-content:space-between;align-items:center;font-size:.95rem;font-weight:600;display:flex}.customer-name{color:var(--text-primary)}.customer-percentage{font-size:.9rem;font-weight:700}.customer-progress-track{background:var(--bg-glass-light);border-radius:4px;width:100%;height:8px;overflow:hidden}.customer-progress-fill{height:100%;transition:width var(--transition-normal);border-radius:4px}