:root{--bg: #f4f6fb;--card: #fff;--tx: #1f2937;--mu: #6b7280;--pr: #2563eb;--ok: #16a34a;--bad: #dc2626}*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,sans-serif;background:var(--bg);color:var(--tx)}header{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--pr);color:#fff}h1,h2,h3,p{margin:0}h1{font-size:1.4rem}h2{font-size:1.15rem;margin-bottom:.75rem}h3{font-size:1rem}main{max-width:1100px;margin:0 auto;padding:1rem;display:grid;gap:1rem}.card{background:var(--card);border-radius:12px;padding:1rem 1.25rem;box-shadow:0 1px 3px #0001}.bar{display:flex;flex-wrap:wrap;gap:.5rem}button,.btn{font:inherit;padding:.45rem .9rem;border:0;border-radius:8px;background:var(--pr);color:#fff;cursor:pointer}header button,header .btn{background:#fff;color:var(--pr)}header .ghost{background:transparent;color:#fff;border:1px solid #fff8}.ghost{background:transparent;color:var(--mu);border:1px solid #0002}input{font:inherit;width:100%;padding:.4rem .6rem;border:1px solid #0003;border-radius:8px}label{display:grid;gap:.25rem;font-size:.9rem}small,.hint{color:var(--mu);font-size:.85rem}.hint{margin-top:.5rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.row{display:grid;grid-template-columns:2fr repeat(4,1fr) auto;gap:.5rem;margin-bottom:.5rem;align-items:center}.row.two{grid-template-columns:3fr 1fr auto}.row.head{font-size:.8rem;color:var(--mu);margin-bottom:.25rem}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.kpis b{display:block;font-size:1.7rem}.kpis .ok b,.alert.ok{color:var(--ok)}.kpis .bad b,.alert.bad{color:var(--bad)}.charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:1rem}.alert{margin-bottom:1rem;font-weight:500}.tips{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.75rem}.tips article,.tips a{border:1px solid #0001;border-radius:10px;padding:.75rem;color:inherit;text-decoration:none}.tips a:hover{border-color:var(--pr)}.tips p{font-size:.9rem;color:var(--mu);margin-top:.25rem}footer{text-align:center;color:var(--mu);font-size:.8rem;padding-bottom:1rem}@media(max-width:700px){.row,.row.two{grid-template-columns:1fr 1fr}.row.head{display:none}.charts{grid-template-columns:1fr}}