.sidebar{width:260px;height:100vh;background:#fff;border-right:1px solid #e8eaf0;padding:10px 0;position:fixed;left:0;top:0;overflow-y:auto;z-index:100}.sidebar-header{padding:15px;display:flex;align-items:center}.menu-list{list-style:none;padding:0;margin:0}.menu-item{cursor:pointer}.menu-item>a,.menu-item .menu-link{display:flex;align-items:center;padding:12px 18px;color:#42526e;text-decoration:none;transition:.2s;font-size:15px}.menu-item .menu-link:hover,.menu-item>a:hover{background:#f3f7ff}.menu-item.active>a{background:#e7f0ff;border-left:3px solid #0d6efd;color:#0d6efd;font-weight:600}.menu-item i{margin-right:10px;font-size:18px}.arrow{margin-left:auto;transition:.3s}.arrow.rotate{transform:rotate(180deg)}.submenu{list-style:none;padding-left:45px;max-height:0;overflow:hidden;transition:max-height .3s}.submenu.show{max-height:300px}.submenu li a{padding:7px 0;display:block;color:#5f6f8c;font-size:14px;text-decoration:none}.submenu li a:hover{color:#0d6efd}.content-wrapper{margin-left:260px;min-height:100vh;padding-bottom:80px}.topbar{height:65px;background:#fff;border-bottom:1px solid #e8eaf0;padding:0 20px;position:sticky;top:0;z-index:50}.avatar{width:38px;height:38px;background:#0d6efd;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700}.page-header{background:blue;color:#fff;border-radius:5px}.dashboard-card{background:#fff;border-radius:10px;border:1px solid #e8eaf0}.count{font-size:26px;font-weight:700}.circle{width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center}.bg-success-light{background:#e8ffe8}.bg-danger-light{background:#ffe8e8}.bg-warning-light{background:#fff6d9}footer{position:fixed;bottom:0;right:0;left:260px;background:#fff;border-top:1px solid #e8eaf0;text-align:center;padding:10px;color:#666;font-size:13px}