.department-wrapper{display:flex;flex-direction:row;padding:20px;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.department-wrapper .department-menu{flex:1;padding:20px;background-color:#f9f9f9}.department-wrapper .department-menu h2{font-size:24px;margin-bottom:20px;color:#333}.department-wrapper .department-menu .department-tree{display:flex;flex-direction:column;list-style:none;padding:0;margin:20px 0}.department-wrapper .department-menu .department-tree li{margin-bottom:5px}.department-wrapper .department-menu .department-tree li .department-item{display:flex;align-items:center;padding:8px 12px;background-color:#f5f5f5;border-radius:5px;transition:background .3s;cursor:pointer}.department-wrapper .department-menu .department-tree li .department-item.active{background-color:#0078d4;color:#fff}.department-wrapper .department-menu .department-tree li .department-item.active a{color:#fff}.department-wrapper .department-menu .department-tree li .department-item a{flex-grow:1;text-decoration:none;color:#333;display:flex;align-items:center}.department-wrapper .department-menu .department-tree li .department-item .toggle-icon{margin-right:8px;font-weight:bold;width:20px;text-align:center}.department-wrapper .department-menu .department-tree ul{list-style:none;padding-left:20px;margin-top:5px}.department-wrapper .department-links{flex:2;padding:20px}.department-wrapper .department-links h2{font-size:24px;margin-bottom:20px;color:#333}.department-wrapper .department-links .link-list{list-style:none;padding:0;margin:0}.department-wrapper .department-links .link-list li{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;background:#f8f8f8;padding:10px;border-radius:5px}.department-wrapper .department-links .link-list li .link-actions{display:flex;gap:5px}.department-wrapper .department-links .link-list li .link-actions button{padding:5px 10px;font-size:14px}.department-wrapper .department-links .link-list li span{flex-grow:1}.department-wrapper .department-links .link-list .link-item.ng-enter,.department-wrapper .department-links .link-list .link-item.ng-leave,.department-wrapper .department-links .link-list .link-item.ng-move{transition:all .3s ease}.department-wrapper .department-links .link-list .link-item.ng-enter{opacity:0;transform:translateY(-10px)}.department-wrapper .department-links .link-list .link-item.ng-enter-active{opacity:1;transform:translateY(0)}.department-wrapper .department-links .link-list .link-item.ng-leave{opacity:1;transform:translateY(0)}.department-wrapper .department-links .link-list .link-item.ng-leave-active{opacity:0;transform:translateY(10px)}.department-wrapper .department-links .link-list .link-item.ng-move{transition:transform .3s ease}