body{background:#f4f6f9;font-size:15px}
.sidebar{position:fixed;top:0;left:0;bottom:0;width:220px;background:#212b36;padding-top:10px;overflow-y:auto}
.sidebar .brand{display:block;color:#fff;font-size:20px;font-weight:600;padding:12px 20px 18px;text-decoration:none}
.sidebar a.item{display:block;color:#b8c2cc;padding:10px 20px;text-decoration:none;border-left:3px solid transparent}
.sidebar a.item i{margin-right:10px}
.sidebar a.item:hover{background:#2b3744;color:#fff}
.sidebar a.item.active{background:#2b3744;color:#fff;border-left-color:#0d6efd}
.sidebar .user{position:absolute;bottom:0;width:100%;padding:12px 20px;border-top:1px solid #34414f;color:#8896a4;font-size:13px}
.content{margin-left:220px;padding:24px 28px}
.topbar{display:none}
.page-title{font-size:22px;font-weight:600;margin-bottom:18px}
.box{background:#fff;border:1px solid #e1e5ea;border-radius:4px;padding:16px 18px;height:100%}
.box h5{font-size:15px;font-weight:600;margin-bottom:12px}
.stat .num{font-size:28px;font-weight:600;line-height:1.1}
.stat .lbl{color:#6c757d;font-size:13px}
.stat i{float:right;font-size:26px;color:#c3cad2}
.table th{font-size:13px;color:#6c757d;font-weight:600}
.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center}
.auth-box{width:380px;background:#fff;border:1px solid #e1e5ea;border-radius:4px;padding:28px}
.auth-box h4{font-weight:600}
@media(max-width:768px){
 .sidebar{position:static;width:100%;display:flex;flex-wrap:wrap;padding:0}
 .sidebar .brand{width:100%;padding:10px 16px}.sidebar a.item{padding:8px 14px}.sidebar .user{display:none}
 .content{margin-left:0;padding:16px}
}