*{box-sizing:border-box}body{margin:0;background:#f3f4f6;color:#111827;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif}button{cursor:pointer;transition:all .2s ease}button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}input:focus{box-shadow:0 0 0 3px #3b82f61a}select{cursor:pointer}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#374151}::-webkit-scrollbar-thumb{background:#6b7280;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.metrics-container{max-width:1200px;margin:0 auto;padding:0 20px}.metrics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px;background-color:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.metrics-header h2{margin:0;font-size:24px;font-weight:600;color:#1f2937}.refresh-btn,.retry-btn{padding:8px 16px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .2s}.refresh-btn:hover,.retry-btn:hover{background-color:#2563eb}.loading,.error{text-align:center;padding:40px 20px;font-size:16px;color:#6b7280}.error{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:16px}.metric-section{margin-bottom:32px;padding:20px;background-color:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.metric-section h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#374151}.metric-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.metric-card{padding:16px;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;transition:all .2s}.metric-card:hover{background-color:#f1f5f9;border-color:#cbd5e1}.metric-name{font-family:ui-monospace,monospace;font-size:14px;font-weight:600;color:#1e293b;margin-bottom:8px;word-break:break-all}.metric-labels{margin-bottom:8px}.metric-label{display:inline-block;font-family:ui-monospace,monospace;font-size:11px;background-color:#e2e8f0;color:#475569;padding:2px 6px;border-radius:4px;margin-right:4px;margin-bottom:2px}.metric-value{font-size:18px;font-weight:700;color:#0f172a;margin-bottom:4px}.metric-help{font-size:12px;color:#64748b;font-style:italic;line-height:1.4}@media (max-width: 768px){.metrics-header{flex-direction:column;gap:12px;text-align:center}.metric-grid{grid-template-columns:1fr}.metrics-container{padding:0 16px}}