body { font-family: 'Segoe UI', sans-serif; background: #f0f2f5; margin: 0; }
nav { background: #1c1e21; color: white; padding: 15px 20px; display: flex; justify-content: space-between; align-items: center; }
.container { max-width: 1000px; margin: 20px auto; padding: 0 15px; }
.stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; margin-bottom: 20px; }
.card { background: white; padding: 20px; border-radius: 12px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }
.stat-card { display: flex; flex-direction: column; border-left: 5px solid #e63946; }
.stat-card.blue { border-left-color: #4361ee; }
.stat-card.green { border-left-color: #2ec4b6; }
.stat-card .label { color: #65676b; font-size: 0.9rem; font-weight: bold; }
.stat-card .value { font-size: 1.8rem; font-weight: 800; margin: 5px 0; color: #1c1e21; }
.stat-card .subtext { font-size: 0.8rem; color: #90949c; }