* {

    margin: 0;
    padding: 0;
    box-sizing: border-box;

}

body {

    font-family: 'Poppins', sans-serif;

    background: #f1f5f9;

    display: flex;

}

/************************************************
 SIDEBAR
************************************************/

.sidebar {

    width: 260px;

    background: #0f172a;

    min-height: 100vh;

    position: fixed;

    left: 0;
    top: 0;

    padding: 20px;

    color: white;

}

.logo {

    text-align: center;

    margin-bottom: 40px;

}

.logo h4 {

    font-weight: 600;

}

.sidebar ul {

    list-style: none;

    padding: 0;

}

.sidebar ul li {

    margin-bottom: 8px;

}

.sidebar ul li a {

    display: flex;

    align-items: center;

    gap: 10px;

    text-decoration: none;

    color: #cbd5e1;

    padding: 12px 15px;

    border-radius: 10px;

    transition: 0.3s;

}

.sidebar ul li a:hover {

    background: #1e293b;

    color: white;

}

.sidebar ul li.active a {

    background: #2563eb;

    color: white;

}

/************************************************
 CONTEÚDO
************************************************/

.main {

    margin-left: 260px;

    width: 100%;

    padding: 30px;

}

.page-title {

    font-size: 28px;

    font-weight: 600;

    color: #0f172a;

    margin-bottom: 25px;

}

/************************************************
 CARDS
************************************************/

.card-admin {

    background: white;

    border-radius: 16px;

    padding: 25px;

    margin-bottom: 25px;

    box-shadow: 0 4px 15px rgba(0,0,0,.08);

}

.card-admin h5 {

    font-weight: 600;

    color: #0f172a;

}

/************************************************
 FORMULÁRIO
************************************************/

.form-label {

    font-weight: 500;

    color: #334155;

}

.form-control,
.form-select {

    border-radius: 10px;

    min-height: 45px;

}

.form-control:focus,
.form-select:focus {

    box-shadow: none;

    border-color: #2563eb;

}

/************************************************
 BOTÕES
************************************************/

.btn {

    border-radius: 10px;

    padding: 10px 18px;

    font-weight: 500;

}

.btn-primary {

    background: #2563eb;

    border: none;

}

.btn-primary:hover {

    background: #1d4ed8;

}

.btn-secondary {

    border: none;

}

/************************************************
 TABELA
************************************************/

.table {

    margin-bottom: 0;

}

.table thead {

    background: #f8fafc;

}

.table th {

    color: #334155;

    font-weight: 600;

    border-bottom: 2px solid #e2e8f0;

}

.table td {

    vertical-align: middle;

}

/************************************************
 BADGES
************************************************/

.badge-ativo {

    background: #16a34a;

    color: white;

    padding: 6px 10px;

    border-radius: 8px;

}

.badge-inativo {

    background: #dc2626;

    color: white;

    padding: 6px 10px;

    border-radius: 8px;

}


/************************************************
 BOTÕES AÇÃO
************************************************/

.btn-acao {

    border: none;

    color: white;

    padding: 8px 10px;

    border-radius: 8px;

    margin-right: 4px;

}

.btn-editar {

    background: #f59e0b;

}

.btn-inativar {

    background: #dc2626;

}

.btn-ativar {

    background: #16a34a;

}

.btn-senha {

    background: #7c3aed;

}
/****************************************
 LOGO SIDEBAR
****************************************/

.logo {

    text-align: center;

    margin-bottom: 25px;

}

.logo-sidebar {

    width: 90px;

    height: auto;

    margin-bottom: 10px;

    border-radius: 12px;

    background: white;

    padding: 5px;

}

.logo h4 {

    color: white;

    font-size: 22px;

    font-weight: 600;

}
.usuario-info {

    text-align: center;

    margin-bottom: 25px;

    padding: 12px;

    border-radius: 12px;

    background: rgba(255,255,255,.08);

}

.usuario-info strong {

    display: block;

    color: white;

    font-size: 14px;

}

.usuario-info small {

    color: #cbd5e1;

}
.busca-container {

    position: relative;

}
/************************************************
 RESPONSIVO
************************************************/

@media (max-width: 992px) {

    .sidebar {

        width: 100%;

        height: auto;

        position: relative;

    }

    .main {

        margin-left: 0;

    }

}
.acoes-grid {

    display: flex;

    gap: 8px;

    align-items: center;

}
/****************************************
 USUÁRIO LOGADO
****************************************/

.usuario-info {

    text-align: center;

    margin-bottom: 25px;

    padding: 15px;

    border-radius: 10px;

    background: rgba(255,255,255,.08);

}

.usuario-info strong {

    display: block;

    color: white;

}

.usuario-info small {

    color: #cbd5e1;

}

.card-resumo {

    min-height: 120px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}
/****************************************
 DASHBOARD CARDS
****************************************/

.card-admin i {

    font-size: 28px;

    display: block;

    margin-bottom: 10px;

}

/* Cadastros */

.bi-person-fill {

    color: #4f46e5;

}

.bi-bullseye {

    color: #dc2626;

}

.bi-clipboard-check {

    color: #16a34a;

}

.bi-file-earmark-pdf {

    color: #f59e0b;

}

/* Alertas */

.bi-exclamation-triangle-fill {

    color: #dc2626;

}

.bi-clock-fill {

    color: #f59e0b;

}

.bi-person-exclamation {

    color: #2563eb;

}

.bi-calendar-x {

    color: #7c3aed;

}