*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f6f7f9;color:#1f2937}.hidden{display:none!important}.center{min-height:100vh;display:grid;place-items:center;padding:20px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px}.login{width:min(420px,100%)}input{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:10px}button{padding:11px 16px;border:0;border-radius:10px;background:#111827;color:#fff;font-weight:700;cursor:pointer}.login button{width:100%;margin-top:10px}.secondary{background:#fff;color:#111827;border:1px solid #d1d5db}#err{color:#b91c1c;margin-top:10px}header{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;background:#fff;border-bottom:1px solid #e5e7eb}main{padding:24px;max-width:1600px;margin:auto}.muted,span{color:#6b7280}.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}.kpis b{display:block;font-size:30px;margin-top:6px}.head{display:flex;justify-content:space-between;gap:10px}.head input{max-width:340px}.wrap{overflow:auto;margin-top:10px}table{width:100%;border-collapse:collapse;min-width:950px}th,td{padding:10px;border-bottom:1px solid #eee;text-align:left;font-size:13px;white-space:nowrap}th{background:#fafafa;color:#6b7280}@media(max-width:900px){.kpis{grid-template-columns:repeat(2,1fr)}header{flex-direction:column;align-items:flex-start;gap:10px}}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.rangeBtns{display:flex;gap:8px;flex-wrap:wrap}.range.active{background:#111827;color:#fff;border:1px solid #111827}.kpis{grid-template-columns:repeat(7,1fr)}@media(max-width:1200px){.kpis{grid-template-columns:repeat(4,1fr)}}@media(max-width:700px){.toolbar{align-items:flex-start;flex-direction:column}.kpis{grid-template-columns:repeat(2,1fr)}}
.reportbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.reportActions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.reportActions input{width:auto}.analyticsGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.summaryList{display:grid;gap:8px}.summaryItem{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #eee}.summaryItem div{display:flex;gap:12px;align-items:center}.summaryItem span{font-size:13px}.kpis{grid-template-columns:repeat(8,1fr)}@media(max-width:1300px){.kpis{grid-template-columns:repeat(4,1fr)}}@media(max-width:850px){.analyticsGrid{grid-template-columns:1fr}.reportbar{align-items:flex-start;flex-direction:column}}@media print{header button,.toolbar,.reportActions,.head input{display:none!important}body{background:#fff}main{max-width:none;padding:0}.card{break-inside:avoid}.wrap{overflow:visible}table{min-width:0;font-size:10px}}