.page-title{

font-size:34px;

margin-bottom:30px;

}

.infra-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:20px;

margin-bottom:30px;

}

.infra-card{

background:#1e293b;

padding:25px;

border-radius:18px;

box-shadow:0 10px 25px rgba(0,0,0,.25);

transition:.25s;

}

.infra-card:hover{

transform:translateY(-6px);

box-shadow:0 15px 35px rgba(0,0,0,.45);

}

.infra-card h4{

color:#94a3b8;

margin-bottom:15px;

}

.infra-card h2{

color:#38bdf8;

font-size:38px;

}

.chart-row{

display:grid;

grid-template-columns:1fr 1fr;

gap:20px;

margin-bottom:30px;

}

.chart-card canvas{

height:320px !important;

}

.chart-card{

background:#1e293b;

padding:20px;

border-radius:18px;

}

.table-card{

background:#1e293b;

padding:20px;

border-radius:18px;

}

table{

width:100%;

border-collapse:collapse;

margin-top:20px;

}

td,th{

padding:15px;

border-bottom:1px solid #2c3444;

text-align:left;

}

@media(max-width:1200px){

.infra-grid{

grid-template-columns:repeat(2,1fr);

}

.chart-row{

grid-template-columns:1fr;

}

}

@media(max-width:700px){

.infra-grid{

grid-template-columns:1fr;

}

}