body {
    background-color: #f5f5f5;
}

.login-container {
    max-width: 400px;
    margin: 100px auto;
}

.sidebar {
    min-height: calc(100vh - 56px);
    background-color: #343a40;
}

.sidebar .nav-link {
    color: rgba(255, 255, 255, 0.75);
    border-radius: 0;
}

.sidebar .nav-link:hover,
.sidebar .nav-link.active {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
}

.sidebar .nav-link i {
    width: 24px;
    text-align: center;
    margin-right: 8px;
}

.content-area {
    padding: 24px;
}

.stat-card {
    border-left: 4px solid;
}

.stat-card.border-primary { border-left-color: #0d6efd; }
.stat-card.border-success { border-left-color: #198754; }
.stat-card.border-warning { border-left-color: #ffc107; }
.stat-card.border-danger  { border-left-color: #dc3545; }

.table th {
    white-space: nowrap;
}

.btn-action {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}