.metrics-view{padding-bottom:100px}.metrics-toolbar{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px}.metrics-filter,.metrics-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.metrics-filter label{font-size:12px;color:#667e6e;display:flex;align-items:center;gap:5px}.metrics-filter select{border:1px solid #dae5da;background:#fff;border-radius:9px;padding:9px;color:#2c4e3d}.metrics-import{position:relative}.metrics-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin:0 0 18px}.metrics-kpis article{padding:17px;border:1px solid #dce7dc;border-radius:15px;background:#fff;box-shadow:0 7px 18px #173f310b}.metrics-kpis small,.metrics-kpis span{display:block;color:#819388;font-size:11px}.metrics-kpis strong{display:block;font-size:30px;color:#214b38;margin:9px 0 5px;letter-spacing:-1px}.metrics-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px}.metrics-panels .panel,.metrics-table-panel{padding:21px!important}.metrics-platform-row{padding:9px 0;border-bottom:1px solid #eef2ec}.metrics-platform-row>div{display:flex;justify-content:space-between;gap:8px;font-size:12px}.metrics-platform-row strong{color:#315843}.metrics-platform-row span{color:#7d8d83}.metrics-platform-row i{display:block;height:7px;background:#e9efe7;border-radius:10px;margin-top:8px;overflow:hidden}.metrics-platform-row b{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#467a5b,#c9ae73)}.metrics-bars{display:flex;height:155px;align-items:flex-end;gap:12px;padding:10px 4px 0}.metrics-bars>div{flex:1;height:100%;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;gap:6px}.metrics-bars span{display:block;background:linear-gradient(0deg,#376d53,#cbb47d);width:min(100%,44px);border-radius:7px 7px 2px 2px}.metrics-bars small{color:#839188;font-size:10px;white-space:nowrap}.metrics-panels p{font-size:11px;color:#849487}.metrics-table-panel{margin-top:16px}.metrics-table-wrap{width:100%;overflow:auto}.metrics-table-wrap table{width:100%;border-collapse:collapse;min-width:760px}.metrics-table-wrap th{text-align:left;color:#829488;font-size:11px;font-weight:600;padding:10px;border-bottom:1px solid #e4ece2}.metrics-table-wrap td{font-size:12px;color:#385945;padding:12px 10px;border-bottom:1px solid #eef2ec}.metrics-table-wrap td strong,.metrics-table-wrap td small{display:block}.metrics-table-wrap td small{color:#859388;margin-top:4px}.metrics-table-wrap td button{border:0;background:#e9f3e9;color:#35614a;border-radius:7px;padding:7px 9px;cursor:pointer}.metrics-boundary{color:#7c8d80;font-size:12px;line-height:1.65;margin-top:15px}.metrics-form .field-row{display:grid;grid-template-columns:1fr 1fr;gap:11px}.metrics-number-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metrics-form{max-height:86vh;overflow:auto}.metrics-form input,.metrics-form select{width:100%;border:1px solid #dce5dc;border-radius:9px;padding:10px;background:#fff;color:#204634}.metrics-form .field{display:flex;flex-direction:column;gap:6px}.metrics-form .terminal-fine{margin-bottom:10px}
@media(max-width:1000px){.metrics-kpis{grid-template-columns:repeat(3,1fr)}.metrics-panels{grid-template-columns:1fr}}@media(max-width:680px){.metrics-toolbar{align-items:stretch}.metrics-filter,.metrics-actions{width:100%}.metrics-filter label{flex:1}.metrics-filter select{min-width:0;max-width:130px}.metrics-actions .button{flex:1;min-width:calc(50% - 10px);font-size:12px;padding:10px 6px;text-align:center;justify-content:center}.metrics-kpis{grid-template-columns:repeat(2,1fr);gap:8px}.metrics-kpis article{padding:13px}.metrics-kpis strong{font-size:25px}.metrics-number-grid{grid-template-columns:repeat(2,1fr)}.metrics-form .field-row{grid-template-columns:1fr}}