*{box-sizing:border-box;margin:0;padding:0}body{color:#222;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{max-width:1400px;margin:0 auto;padding:24px}header{margin-bottom:32px}header h1{color:#1a1a1a;margin-bottom:4px;font-size:28px}header p{color:#666;font-size:14px}.widget{background:#fff;border-radius:8px;margin-bottom:24px;padding:24px;box-shadow:0 1px 3px #00000014}.widget h2{color:#333;margin-bottom:16px;font-size:18px}.widget.error{color:#c00;background:#fee}.scorecard-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.scorecard{border:1px solid #e0e0e0;border-radius:6px;padding:16px}.scorecard-label{color:#444;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:11px;font-weight:600}.scorecard-metric{flex-direction:column;margin-bottom:8px;display:flex}.metric-name{color:#888;font-size:12px}.metric-value{color:#111;font-size:22px;font-weight:700}.metric-delta{font-size:13px;font-weight:500}.positive{color:#2e7d32}.negative{color:#c62828}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{text-align:left;color:#555;background:#f9f9f9;border-bottom:2px solid #e0e0e0;padding:10px;font-weight:600}.data-table td{border-bottom:1px solid #eee;padding:10px}.data-table tbody tr:hover{background:#f5f5f5}.status-ok{color:#2e7d32;font-weight:600}.status-error{color:#c62828;font-weight:600}