body{
    margin:0;
    padding:0;
    background:#f5f7fb;
}

.sidebar{
    width:260px;
    min-height:100vh;
    position:sticky;
    top:0;
}

.sidebar a{
    display:block;
    color:#dbe4f0;
    text-decoration:none;
    padding:.55rem .6rem;
    border-radius:.4rem;
    margin:.12rem 0;
}

.sidebar a:hover{
    background:#0d6efd;
    color:#fff;
}

.content{
    min-width:0;
}

.login-bg{
    background:linear-gradient(135deg,#0d6efd,#09203f);
}

.card{
    border-radius:.8rem;
}

.table td,
.table th{
    vertical-align:middle;
}

@media(max-width:900px){

    .sidebar{
        display:none;
    }

    .content{
        padding:1rem !important;
    }
}

.navbar{
    height:75px;
    background:#fff !important;
}

.navbar img{
    object-fit:cover;
}

.dropdown-menu{
    border:none;
    box-shadow:0 5px 20px rgba(0,0,0,.15);
}

.bi-bell-fill{
    cursor:pointer;
}