/* Estilos globales */
:root {
    --primary-color: #343A40;
}

.bg-primary {
    background-color: var(--primary-color) !important;
}

.btn-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #2c3136 !important;
    border-color: #2c3136 !important;
}

body {
    min-height: 100vh;
    background-color: #f8f9fa;
}
.sidebar {
    min-width: 220px;
    max-width: 220px;
    min-height: 100vh;
    background: #343a40;
    color: #fff;
    transition: all 0.2s;
}
.sidebar .nav-link {
    color: #fff;
}
.sidebar .nav-link.active, .sidebar .nav-link:hover {
    background: #495057;
    color: #fff;
}
.sidebar.collapsed {
    min-width: 70px;
    max-width: 70px;
    transition: all 0.2s;
}
.sidebar.collapsed .sidebar-label,
.sidebar.collapsed .sidebar-title {
    display: none !important;
}
.sidebar.collapsed .dropdown-toggle::after {
    display: none;
}
.content {
    padding: 2rem;
}
.table-responsive {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    padding: 1rem;
}