:root {
    --sidebar-width: 260px;
    --bg-main: #f8fafc;
    --sidebar-bg: #ffffff;      /* Diubah menjadi putih bersih */
    --primary-blue: #0284c7;   
    --accent-orange: #f97316; 
    --accent-red: #ef4444;    
}

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--bg-main);
    color: #334155;
}

/* Sidebar Styling Putih Bersih */
.sidebar {
    width: var(--sidebar-width);
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: var(--sidebar-bg);
    color: #475569;
    z-index: 1000;
    transition: all 0.3s ease;
    overflow-y: auto;
    border-right: 1px solid #e2e8f0; /* Garis pembatas tipis yang elegan */
}

/* Judul dan Subtitle di Header Sidebar */
.sidebar h6 {
    color: #1e293b !important; 
}
.sidebar .text-muted {
    color: #64748b !important;
}

/* Link Menu Sidebar */
.sidebar .nav-link {
    color: #475569; 
    padding: 12px 20px;
    border-radius: 10px;
    margin: 4px 15px;
    font-weight: 500;
    display: flex;
    align-items: center;
    transition: all 0.2s ease;
}

.sidebar .nav-link i {
    font-size: 1.2rem;
    width: 30px;
    color: #64748b;
}

.sidebar .nav-link:hover {
    color: var(--primary-blue);
    background: #f1f5f9; /* Efek hover abu-abu terang yang lembut */
}

.sidebar .nav-link:hover i {
    color: var(--primary-blue);
}

/* Menu aktif tetap kontras dengan gradasi biru */
.sidebar .nav-link.active {
    color: #ffffff;
    background: linear-gradient(135deg, var(--primary-blue) 0%, #2563eb 100%);
    box-shadow: 0 4px 12px rgba(2, 132, 199, 0.3);
}

.sidebar .nav-link.active i {
    color: #ffffff;
}

/* Khusus Menu Keluar (Logout) */
.sidebar .nav-link.text-danger:hover {
    background: #fee2e2;
}