body{font-family:Inter,Arial,sans-serif;background:#f4f6f8;padding:20px}header h1{margin:0}header p{color:#666;margin-top:4px}.filter{display:flex;gap:10px;margin-bottom:20px}.filter input,.filter button{padding:8px 12px;font-size:14px}.filter button{background:#2563eb;color:#fff;border:none;border-radius:6px;cursor:pointer}.kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:30px}.card{background:#fff;padding:16px;border-radius:12px;box-shadow:0 4px 12px #0000000d}.card span{font-size:13px;color:#777}.card h2{margin-top:8px;font-size:26px}.card.danger h2{color:#dc2626}.charts{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width:768px){.charts{grid-template-columns:1fr}}table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden}th{background:#f1f5f9;padding:10px;text-align:left}td{padding:8px 10px;border-top:1px solid #eee}.minus{color:#dc2626;font-weight:700}.plus{color:#16a34a;font-weight:700}