:root{
    --primary:#0d6efd;
    --primary-dark:#084298;
    --background:#f4f6f9;
}

body{
    background:var(--background);
    font-family:'Segoe UI',sans-serif;
}

.sidebar{
    width:250px;
    position:fixed;
    height:100vh;
    background:var(--primary);
    overflow-y:auto;
}

.sidebar .nav-link{
    padding:15px;
    transition:.3s;
}

.sidebar .nav-link:hover{
    background:var(--primary-dark);
    padding-left:25px;
}

.sidebar .active{
    background:var(--primary-dark);
}

.main-content{
    margin-left:250px;
}

.card{
    border:none;
    border-radius:15px;
}

.card:hover{
    transform:translateY(-5px);
    transition:.3s;
}

.btn-primary{
    background:var(--primary);
    border:none;
}

.btn-primary:hover{
    background:var(--primary-dark);
}