:root{

    --azul:#005BAC;

    --amarelo:#F9C80E;

    --cinza:#F5F7FA;

    --texto:#333333;

    --borda:12px;

    --sombra:0 4px 12px rgba(0,0,0,.08);

}

body{

    background:var(--cinza);

    color:var(--texto);

    font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;

}

.wrapper{

    min-height:100vh;

}

.card{

    border:none;

    border-radius:var(--borda);

    box-shadow:var(--sombra);

}

.form-control{

    border-radius:10px;

}

.form-select{

    border-radius:10px;

}

.btn{

    border-radius:10px;

}

.btn-primary{

    background:var(--azul);

    border-color:var(--azul);

}

.btn-warning{

    background:var(--amarelo);

    border-color:var(--amarelo);

}

.navbar{

    background:var(--azul);

}

.navbar-brand{

    color:white !important;

    font-weight:bold;

}
/* ===== MENU ===== */

#sidebar{

    width:240px;

    background:#ffffff;

    min-height:calc(100vh - 56px);

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

    transition:.3s;

}

#sidebar.recolhido{

    width:70px;

}

#sidebar a{

    display:flex;

    align-items:center;

    gap:15px;

    padding:14px 18px;

    text-decoration:none;

    color:#333;

    transition:.2s;

}

#sidebar a:hover{

    background:#eef5ff;

}

#sidebar a.active{

    background:var(--azul);

    color:#fff;

}

#sidebar i{

    font-size:20px;

    width:24px;

    text-align:center;

}

#sidebar.recolhido span{

    display:none;

}

#conteudo{

    flex:1;

    padding:25px;

}

#btnMenu{

    width:45px;

}

/* ===========================
   DASHBOARD
=========================== */

.dashboard-card{

    transition:.25s;

    cursor:pointer;

}

.dashboard-card:hover{

    transform:translateY(-5px);

}

.dashboard-card h2{

    font-weight:700;

    margin-top:15px;

}

.dashboard-card h4{

    font-weight:700;

    margin-top:15px;

}

.icone{

    width:60px;

    height:60px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    font-size:28px;

    margin-bottom:20px;

}