.metrics .bars{display:grid;gap:12px;margin-top:10px}.row{display:grid;grid-template-columns:170px 1fr 120px;gap:10px;align-items:center}.row .name{font-weight:700}.row .bar{height:14px;background:#efe9d8;border:1px solid var(--line);border-radius:999px;overflow:hidden}.row .bar i{display:block;height:100%;width:0;transition:width .9s ease}.row .qty{text-align:right;color:var(--recycle-900);font-weight:800}.legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;padding:6px 10px;border-radius:999px}.dot{width:10px;height:10px;border-radius:50%}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.kpi{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;text-align:center;box-shadow:var(--shadow)}.kpi b{font-size:20px;color:var(--recycle-900)}.muted{color:var(--muted);font-size:14px}.metrics h2{margin-bottom:4px}.metrics .subtitle{color:var(--muted);font-size:14px;margin-top:0}.mat-row{display:grid;grid-template-columns:140px 1fr 110px;gap:14px;align-items:center}.mat-col{display:grid;place-items:center;gap:6px}.mat-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;box-shadow:var(--shadow)}.mat-icon svg{width:38px;height:38px;color:#fff}.mat-label{font-size:11px;color:var(--muted);text-align:center}.mat-bar{height:14px;background:#efe9d8;border:1px solid var(--line);border-radius:999px;overflow:hidden}.mat-bar>i{display:block;height:100%;width:0;transition:width .9s ease}.mat-qty{text-align:right;color:var(--recycle-900);font-weight:800}:root{--recycle-900:#0E4B28;--recycle-700:#2F7B3E;--recycle-600:#39964C;--kraft-200:#EFE8D8;--kraft-300:#E6D9BE;--kraft-400:#D8C6A0;--pet:#3B7EA1;--paper:#5A84C9;--glass:#46A049;--metal:#8E8E93;--tetra:#C97C3C;--ink:#1F2A24;--muted:#4E5F56;--line:#D2C8B5;--white:#fff;--bg:#FAF9F6;--radius:16px;--shadow:0 10px 22px rgba(36,51,43,.10)}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:'Montserrat',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica,Arial,sans-serif;line-height:1.55}img{display:block;max-width:100%}a{color:var(--recycle-700);text-decoration:none}a:hover{text-decoration:underline}.container{width:100%;margin:0 auto;padding:18px 12px}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}h1,h2,h3{margin:0 0 8px}h2{font-size:clamp(22px,2.6vw,30px)}.lead{color:var(--muted)}@media (max-width:640px){.row{gap:8px}.row .name{font-size:14px}.row .qty{font-size:13px}}@media (max-width:640px){.kpis{grid-template-columns:1fr}}@media (max-width:640px){.mat-row{gap:10px}.mat-qty{font-size:13px}.mat-row{grid-template-areas:"icon label" "bar bar" "qty qty"}.mat-col{grid-area:icon}.mat-bar{grid-area:bar}.mat-qty{grid-area:qty}}@media (max-width:480px){.legend{gap:6px}.chip{font-size:12px;padding:4px 8px}}body{overflow-x:hidden}