.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.metric-card{background:#fff;color:#333;padding:25px;border-radius:8px;text-align:center;box-shadow:0 2px 8px #0000000f;border-top:4px solid #ccc}.metric-card.metric-users{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-top-color:#667eea;color:#1a237e}.metric-card.metric-users .metric-number{color:#667eea}.metric-card.metric-users .metric-breakdown span{background:#667eea26;color:#1a237e}.metric-card.metric-projects{background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border-top-color:#26a69a;color:#1b5e20}.metric-card.metric-projects .metric-number{color:#26a69a}.metric-card.metric-projects .metric-breakdown span{background:#26a69a26;color:#1b5e20}.metric-card.metric-docs{background:linear-gradient(135deg,#fff3e0,#fbe9e7);border-top-color:#ff9800;color:#e65100}.metric-card.metric-docs .metric-number{color:#ff9800}.metric-card.metric-docs .metric-breakdown span{background:#ff980026;color:#e65100}.metric-card.metric-images{background:linear-gradient(135deg,#fce4ec,#f8bbd0);border-top-color:#e91e63;color:#880e4f}.metric-card.metric-images .metric-number{color:#e91e63}.metric-card.metric-images .metric-breakdown span{background:#e91e6326;color:#880e4f}.metric-number{font-size:2.8em;font-weight:700;margin-bottom:5px;line-height:1.2;display:inline-block;min-width:100px}.metric-number.metric-number-flip{animation:flipNumber .6s ease-in-out}@keyframes flipNumber{0%{transform:rotateY(0) scale(1);opacity:1}50%{transform:rotateY(90deg) scale(.9);opacity:.5}to{transform:rotateY(0) scale(1);opacity:1}}.metric-label{font-size:.95em;margin:3px 0 8px;font-weight:600;opacity:.95}.metric-breakdown{display:flex;justify-content:center;gap:15px;margin:8px 0;font-size:.85em;opacity:.9}.metric-breakdown span{padding:4px 10px;border-radius:4px;font-weight:500}.metric-desc{font-size:.85em;margin:8px 0 0;opacity:.8}