body{

font-family:Segoe UI;

}

.card{

border-radius:18px;

}

.btn{

height:48px;

}

body{
margin:0;
background:#f5f7fb;
font-family:Segoe UI;
}

.sidebar{

position:fixed;

left:0;

top:0;

width:250px;

height:100vh;

background:#16213e;

padding-top:20px;

}

.logo{

color:#fff;

font-size:22px;

font-weight:700;

padding:20px;

margin-bottom:15px;

}

.sidebar a{

display:block;

padding:14px 22px;

color:#cfd8dc;

text-decoration:none;

transition:.2s;

}

.sidebar a:hover{

background:#1d2f57;

color:#fff;

}

.sidebar a.active{

background:#2563eb;

color:#fff;

}

.sidebar i{

margin-right:10px;

}

.bottom{

position:absolute;

bottom:20px;

width:100%;

}

.content{

margin-left:250px;

padding:30px;

}

.topbar{

margin-bottom:25px;

}

.stat-card{

background:#fff;

border-radius:16px;

padding:25px;

box-shadow:0 2px 12px rgba(0,0,0,.08);

}

.stat-card h2{

font-size:34px;

margin:0;

font-weight:700;

}

.stat-card p{

margin-top:10px;

color:#777;

}

.card{

border:none;

border-radius:16px;

box-shadow:0 2px 12px rgba(0,0,0,.08);

}


.stat-card{

    border:0;

    border-radius:16px;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

    transition:.25s;

}

.stat-card:hover{

    transform:translateY(-4px);

}

.stat-card h6{

    color:#888;

    font-size:14px;

    margin-bottom:10px;

}

.stat-card h2{

    font-size:34px;

    font-weight:700;

    color:#0d6efd;

}

.table{

    vertical-align:middle;

}

.table thead{

    background:#f8f9fa;

}

.table thead th{

    font-weight:600;

}