html,body{

margin:0;
padding:0;
height:100%;
font-family:Arial;

}

#sistema-app{

display:flex;
height:100vh;

}

.sidebar{

width:250px;
background:#0c2a47;
color:white;
padding:30px;

}

.sidebar ul{

list-style:none;
padding:0;

}

.sidebar li{

padding:12px 0;
border-bottom:1px solid rgba(255,255,255,0.2);

}

.content{

flex:1;
padding:40px;
background:#f3f6fb;

}

.cards{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;

}

.card{

background:white;
padding:25px;
border-radius:12px;
box-shadow:0 10px 25px rgba(0,0,0,0.1);

}

.big{

font-size:40px;
font-weight:600;

}