body { font-family: system-ui, sans-serif; margin: 0; background: #f8fafc; color: #0f172a; }
nav { background: #1e293b; padding: 0.75rem 1rem; display: flex; gap: 1rem; }
nav a { color: #e2e8f0; text-decoration: none; }
main { padding: 1rem 1.25rem 2rem; max-width: 1400px; margin: 0 auto; }
.kpis { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 0.75rem; margin-bottom: 1rem; }
.kpis div { background: #fff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 0.75rem; }
.kpis span { display: block; font-size: 0.75rem; color: #64748b; }
table { width: 100%; border-collapse: collapse; background: #fff; font-size: 0.85rem; }
th, td { border: 1px solid #e2e8f0; padding: 0.35rem 0.5rem; text-align: right; }
th:first-child, td:first-child, th:nth-child(2), td:nth-child(2) { text-align: left; }
.muted { color: #64748b; }
.filters { display: flex; gap: 0.5rem; margin-bottom: 1rem; }
.stats { columns: 2; background: #fff; padding: 1rem; border-radius: 8px; border: 1px solid #e2e8f0; }