/* fundo geral */
body {
background: #f4f6f9;
font-family: Arial, sans-serif;
}

/* SIDEBAR */
.sidebar {
min-height: 100vh;
position: sticky;
top: 0;
}

/* LOGO */
.logo {
max-width: 90px;
display: block;
margin: 0 auto;
}

/* LINKS SIDEBAR */
.sidebar .nav-link {
padding: 10px 12px;
border-radius: 8px;
margin-bottom: 5px;
transition: 0.2s;
}

.sidebar .nav-link:hover {
background: rgba(255,255,255,0.12);
}

/* CARDS MODERNOS */
.dashboard-card {
border: none;
border-radius: 12px;
transition: 0.2s;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.dashboard-card:hover {
transform: translateY(-3px);
box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}

/* TEXTO MAIS LIMPO */
h3 {
font-weight: 700;
}

/* MOBILE AJUSTES */
@media (max-width: 768px) {

.dashboard-card {
text-align: center;
}

}

.table-hover tbody tr:hover {
background-color: rgba(0,0,0,0.03);
}

.table td {
vertical-align: middle;
}

.btn-sm {
border-radius: 8px;
}

/* LOGIN CARD */
.login-card {
border: none;
border-radius: 12px;
}

/* LOGO LOGIN */
.login-logo {
max-width: 90px;
}

/* CENTRALIZAÇÃO MELHOR MOBILE */
@media (max-width: 576px) {

.login-card {
margin: 20px;
}

}