.command-center{

padding:180px 0;

background:#071018;

color:#fff;

}

.command-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:90px;

align-items:center;

}

.dashboard-ui{

background:#111827;

border-radius:24px;

padding:35px;

border:1px solid rgba(255,255,255,.08);

box-shadow:0 35px 80px rgba(0,0,0,.4);

}

.top-bar{

display:flex;

justify-content:space-between;

margin-bottom:30px;

}

.status{

display:flex;

gap:10px;

align-items:center;

}

.status span{

width:12px;

height:12px;

background:#22C55E;

border-radius:50%;

box-shadow:0 0 15px #22C55E;

}

.widgets{

display:grid;

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

gap:20px;

margin-bottom:35px;

}

.widget{

background:#1f2937;

padding:24px;

border-radius:18px;

}

.widget h5{

color:#94a3b8;

margin-bottom:10px;

}

.widget h2{

font-size:32px;

}

.chart{

height:280px;

background:#1f2937;

border-radius:18px;

margin-bottom:25px;

display:flex;

justify-content:center;

align-items:center;

}

.bottom{

display:flex;

justify-content:space-between;

}

.bottom strong{

color:#84CC16;

}

.feature-list{

display:grid;

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

gap:18px;

margin:40px 0;

}

.feature{

display:flex;

gap:12px;

align-items:center;

}

.feature i{

color:#22C55E;

}

@media(max-width:992px){

.command-grid{

grid-template-columns:1fr;

}

.widgets{

grid-template-columns:1fr;

}

.feature-list{

grid-template-columns:1fr;

}

}