.chats-wrapper[data-v-6d1bcde6]{width:100%;height:100%;display:flex;flex-flow:column nowrap}.chats-wrapper .chats-toolbar[data-v-6d1bcde6]{display:flex;justify-content:space-between;align-items:center;width:100%;height:50px;padding:15px;font-family:Roboto;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0;color:#303133;border-bottom:1px solid #f5f6f9}.chats-wrapper .chats-content-box[data-v-6d1bcde6]{width:100%;flex:1}.chats-wrapper[data-v-bf9c68d8]{width:100%;height:100%;display:flex;flex-flow:column nowrap}.chats-wrapper .chats-toolbar[data-v-bf9c68d8]{display:flex;justify-content:space-between;align-items:center;width:100%;height:50px;padding:15px;font-family:Roboto;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0;color:#303133;border-bottom:1px solid #f5f6f9}.chats-wrapper .chats-content-box[data-v-bf9c68d8]{width:100%;flex:1}.conatinerBox[data-v-cb61c508],.task-mng-container .charts-container .chart-item[data-v-cb61c508],.task-mng-container .summary-bar .summary-item[data-v-cb61c508],.task-mng-container .task-table-wrapper[data-v-cb61c508]{width:100%;background-color:#fff;padding:18px 20px;border-radius:6px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.task-mng-container[data-v-cb61c508]{width:100%;min-height:100%;background-color:#f9fafb;padding:24px 16px}.task-mng-container .task-toolbar[data-v-cb61c508]{width:100%;height:40px;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center}.task-mng-container .task-toolbar .toolbar-item[data-v-cb61c508]:last-child{display:flex}.task-mng-container .task-table-wrapper[data-v-cb61c508]{width:100%;height:300px;margin-bottom:25px}.task-mng-container .summary-bar[data-v-cb61c508]{margin-bottom:25px;width:100%;height:100px;display:flex;justify-content:space-between;align-items:center}.task-mng-container .summary-bar .summary-item[data-v-cb61c508]{height:100%;font-family:Roboto;font-size:24px;font-weight:600;line-height:32px;letter-spacing:0;color:#303133;display:flex;align-items:center;justify-content:flex-start;margin-right:15px}.task-mng-container .summary-bar .summary-item .summary-icon[data-v-cb61c508]{margin-right:25px}.task-mng-container .summary-bar .summary-item .summary-icon span[data-v-cb61c508]{width:50px;height:50px;display:block;border-radius:8px;text-align:center;line-height:55px}.task-mng-container .summary-bar .summary-item .summary-icon span i[data-v-cb61c508]{font-size:30px;color:#fff}.task-mng-container .summary-bar .summary-item .summary-icon .total[data-v-cb61c508]{border-radius:8px;opacity:1;background:linear-gradient(135deg,#3b82f6 3%,#2563eb)}.task-mng-container .summary-bar .summary-item .summary-icon .inProgress[data-v-cb61c508]{border-radius:8px;opacity:1;background:linear-gradient(135deg,#22c55e 3%,#16a34a)}.task-mng-container .summary-bar .summary-item .summary-icon .completed[data-v-cb61c508]{border-radius:8px;opacity:1;background:linear-gradient(135deg,#a855f7 3%,#9333ea)}.task-mng-container .summary-bar .summary-item .summary-icon .overdue[data-v-cb61c508]{border-radius:8px;opacity:1;background:linear-gradient(135deg,#ef4444 3%,#dc2626)}.task-mng-container .summary-bar .summary-item .summary-title[data-v-cb61c508]{font-family:Roboto;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0;color:#6b7280}.task-mng-container .summary-bar .summary-item[data-v-cb61c508]:last-child{margin-right:0}.task-mng-container .charts-container[data-v-cb61c508]{width:100%;height:400px;display:flex;justify-content:space-between;align-items:center}.task-mng-container .charts-container .chart-item[data-v-cb61c508]{padding:0;width:100%;height:100%;margin-right:15px}.task-mng-container .charts-container .chart-item[data-v-cb61c508]:last-child{margin-right:0}