body{

font-family: "Segoe UI", sans-serif;
background:#f4f6f9;

}

.wrapper{

display:flex;

}

/* SIDEBAR */

.sidebar{

width:260px;
background:linear-gradient(#147a6b,#0d5c50);
min-height:100vh;
color:white;

}

.sidebar .logo{

padding:20px;
text-align:center;

}

.sidebar ul{

list-style:none;
padding:0;

}

.sidebar li{

padding:15px 20px;
cursor:pointer;

}

.sidebar li:hover{

background:rgba(255,255,255,0.1);

}

.sidebar li.active{

background:rgba(255,255,255,0.2);

}

/* CONTEÚDO */

.content{

flex:1;

}

/* TOPO */

.topbar{

background:white;
padding:15px 25px;
display:flex;
justify-content:space-between;
align-items:center;
box-shadow:0 2px 5px rgba(0,0,0,0.05);

}

/* CARDS */

.card{

border:none;
border-radius:10px;
box-shadow:0 3px 10px rgba(0,0,0,0.05);

}

.progresso{

border-left:5px solid #2bb673;

}

/* STATUS */

.status-nao{

color:#d9534f;
font-weight:bold;

}

/* FOOTER */

footer{

background:#147a6b;
color:white;
padding:15px;
text-align:center;
margin-top:40px;

}