.cost-shell{display:grid;gap:16px}.cost-filters{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr)) auto;gap:9px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px}.cost-filters select,.cost-filters input{min-width:0;border:1px solid #cbd7e1;border-radius:9px;padding:10px;background:#fff;color:#163653}.cost-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cost-kpis article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}.cost-kpis span,.cost-kpis small{display:block;color:#687b8d}.cost-kpis strong{display:block;margin:7px 0;font-size:24px;color:#163653}.cost-table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:14px}.cost-table{width:100%;border-collapse:collapse}.cost-table th,.cost-table td{padding:11px;border-bottom:1px solid #e3ebf0;text-align:left;vertical-align:top}.cost-table th{font-size:12px;color:#617487;white-space:nowrap}.cost-table small{display:block;margin-top:3px;color:#718292}.cost-category{display:inline-flex;background:#eaf1f6;color:#2b536e;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:700}.cost-actions{display:flex;gap:7px;flex-wrap:wrap}.cost-actions .danger{color:#a02f2f}.cost-dialog{width:min(760px,calc(100vw - 24px));max-height:92vh;border:0;border-radius:18px;padding:0}.cost-dialog::backdrop{background:#102d426e}.cost-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.cost-form-grid label>span{display:block;font-size:13px;font-weight:700;color:#36536b;margin-bottom:6px}.cost-form-grid input,.cost-form-grid select,.cost-form-grid textarea{width:100%;border:1px solid #c9d6df;border-radius:9px;padding:10px 11px}.cost-form-grid textarea{min-height:88px;resize:vertical}.cost-form-grid .wide{grid-column:1/-1}.cost-related-total{display:flex;justify-content:space-between;align-items:center;padding:13px;border-radius:10px;background:#eef5f8}.cost-related-total strong{font-size:20px}.cost-related-row{display:flex;justify-content:space-between;padding:9px 3px;border-bottom:1px solid #e4ebf0}
@media(max-width:980px){.cost-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.cost-kpis{grid-template-columns:repeat(3,minmax(150px,1fr));overflow:auto}}
@media(max-width:700px){.cost-filters,.cost-form-grid{grid-template-columns:1fr}.cost-form-grid .wide{grid-column:auto}.cost-kpis{display:flex}.cost-kpis article{flex:0 0 78vw}.cost-table thead{display:none}.cost-table,.cost-table tbody,.cost-table tr,.cost-table td{display:block}.cost-table tr{border-bottom:1px solid #dfe8ee;padding:8px}.cost-table td{border:0;padding:5px 7px}.cost-table td:before{content:attr(data-label);display:block;font-size:11px;color:#718292;font-weight:700}}