body {
    font-family: 'Segoe UI', sans-serif;
}

.sidebar {
    width: 230px;
    height: 100vh;
}

.menu-item {
    display: block;
    padding: 12px 20px;
    color: #333;
    text-decoration: none;
}

.menu-item:hover {
    background: #f1f1f1;
}

.main-content {
    background: #f8f9fa;
}

.card-kpi {
    border-left: 5px solid #0d6efd;
}

.table-modern {
    background: white;
    border-radius: 10px;
    overflow: hidden;
}