*{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,Helvetica,sans-serif;margin:0;color:#0f172a;background:#0b1220}header{padding:24px 20px;background:#0f172a;color:#e2e8f0;border-bottom:1px solid #1f2a44}h1{margin:0 0 6px;font-size:22px}h2{margin:0 0 12px;font-size:18px;color:#e2e8f0}.tag{color:#94a3b8}main{max-width:1100px;margin:0 auto;padding:20px}section.card{background:#111827;border:1px solid #1f2937;border-radius:12px;padding:16px;margin:12px 0;color:#cfd8e3}label{display:block;margin:6px 0 12px}input,select,button{padding:10px;border-radius:8px;border:1px solid #1f2937;background:#0b1220;color:#e2e8f0;width:100%}button{cursor:pointer;background:#2563eb;border-color:#1d4ed8}button.danger{background:#ef4444;border-color:#dc2626}button.del{background:#ef4444;border:none;color:white;padding:4px 8px;border-radius:4px;font-size:12px;cursor:pointer}.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.importer input{display:none}.importer{border:1px dashed #334155;padding:10px 12px;border-radius:8px;color:#cbd5e1}table{width:100%;border-collapse:collapse;background:#0b1220}th,td{border-bottom:1px solid #1f2937;padding:10px;text-align:left}tfoot td{font-weight:700}.kpis{display:flex;gap:16px;margin-top:10px;flex-wrap:wrap}.kpi{background:#0b1220;border:1px solid #1f2937;border-radius:12px;padding:12px 14px;min-width:160px}.kpi-label{font-size:12px;color:#94a3b8}.kpi-value{font-size:20px;color:#e2e8f0;margin-top:4px}.chart-container{position:relative;height:300px;width:100%}canvas{max-height:300px!important}
@media (max-width:720px){.grid.two{grid-template-columns:1fr}}