.stats-app { max-width: 900px; margin: 40px auto; padding: 20px; font-family: sans-serif; }
.hero-section { text-align: center; margin-bottom: 30px; color: #fff; }
.section-title { color: #94a3b8; margin: 40px 0 20px; text-align: center; }

.glass-card { background: rgba(30, 41, 59, 0.7); border: 1px solid rgba(255, 255, 255, 0.1); padding: 30px; border-radius: 24px; backdrop-filter: blur(10px); }

.total-card { background: linear-gradient(135deg, #3b82f6, #8b5cf6); color: white; text-align: center; margin-bottom: 30px; }
.total-grid { display: flex; justify-content: space-around; margin-top: 20px; font-size: 1.2rem; font-weight: bold; }

.stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 15px; }
.stat-card { background: rgba(30, 41, 59, 0.7); padding: 20px; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.1); color: #fff; }
.stat-card h3 { color: #60a5fa; margin-top: 0; }
.stat-row { display: flex; justify-content: space-between; margin: 8px 0; font-size: 0.95rem; }