.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}.chats-wrapper[data-v-958e51e2]{width:100%;height:100%;display:flex;flex-flow:column nowrap}.chats-wrapper .chats-toolbar[data-v-958e51e2]{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-958e51e2]{width:100%;flex:1}.chats-wrapper[data-v-875e6c00]{width:100%;height:100%;display:flex;flex-flow:column nowrap}.chats-wrapper .chats-toolbar[data-v-875e6c00]{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-875e6c00]{width:100%;flex:1}.chats-wrapper[data-v-4058c146]{width:100%;height:100%;display:flex;flex-flow:column nowrap}.chats-wrapper .chats-toolbar[data-v-4058c146]{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-4058c146]{width:100%;flex:1}.conatinerBox[data-v-0591a010],.task-mng-container .charts-container .chart-item[data-v-0591a010],.task-mng-container .task-table-wrapper[data-v-0591a010],.top-operation-menu-area .form-management[data-v-0591a010],.top-operation-menu-area .process-management[data-v-0591a010],.top-operation-menu-area .task-management[data-v-0591a010]{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-inner[data-v-0591a010]{max-width:1380px;margin:0 auto;position:relative}.task-mng-container[data-v-0591a010]{width:100%;min-height:100%;background-color:#f9fafb;padding:24px 16px;padding-top:120px;position:relative;overflow:auto}.task-mng-container .task-toolbar[data-v-0591a010]{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-0591a010]:last-child{display:flex}.task-mng-container .task-table-wrapper[data-v-0591a010]{width:100%;height:320px;margin-bottom:25px;transition:all .3s}.task-mng-container .task-table-wrapper-full[data-v-0591a010]{height:700px}.task-mng-container .summary-bar[data-v-0591a010]{margin-bottom:25px;width:100%;height:100px;display:flex;justify-content:space-around;align-items:center;box-sizing:border-box;border-width:0 0 1px 0;border-style:solid;border-color:rgba(229,231,235,.8313725490196079);position:absolute;top:0;left:0;padding:0 8%;background-color:#fff}.task-mng-container .summary-bar .summary-item[data-v-0591a010]{height:100%;font-family:Roboto;font-size:24px;font-weight:600;line-height:32px;letter-spacing:0;color:#303133;flex-flow:column wrap;display:flex;align-items:center;justify-content:center;margin-right:0}.task-mng-container .summary-bar .summary-item .summary-icon[data-v-0591a010]{margin-right:25px}.task-mng-container .summary-bar .summary-item .summary-icon span[data-v-0591a010]{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-0591a010]{font-size:30px;color:#fff}.task-mng-container .summary-bar .summary-item .summary-icon .total[data-v-0591a010]{border-radius:8px;opacity:1;background:linear-gradient(135deg,#3b82f6 3%,#2563eb)}.task-mng-container .summary-bar .summary-item .summary-icon .inProgress[data-v-0591a010]{border-radius:8px;opacity:1;background:linear-gradient(135deg,#22c55e 3%,#16a34a)}.task-mng-container .summary-bar .summary-item .summary-icon .completed[data-v-0591a010]{border-radius:8px;opacity:1;background:linear-gradient(135deg,#a855f7 3%,#9333ea)}.task-mng-container .summary-bar .summary-item .summary-icon .overdue[data-v-0591a010]{border-radius:8px;opacity:1;background:linear-gradient(135deg,#ef4444 3%,#dc2626)}.task-mng-container .summary-bar .summary-item .summary-title[data-v-0591a010]{font-family:Roboto;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0;color:#6b7280}.task-mng-container .summary-bar .summary-item .summary-count[data-v-0591a010]{color:var(--color);font-family:Roboto;font-size:30px;font-weight:600;line-height:36px;text-align:center;letter-spacing:0}.task-mng-container .summary-bar .summary-item .summary-percentage[data-v-0591a010]{color:#6b7280;font-family:Roboto;font-size:14px;font-weight:400;line-height:20px;text-align:center;letter-spacing:0}.task-mng-container .summary-bar .summary-item .summary-percentage-overdue[data-v-0591a010]{color:#ef4444!important}.task-mng-container .summary-bar .summary-item .summary-percentage-completed[data-v-0591a010]{color:#22c55e!important}.task-mng-container .summary-bar .summary-item[data-v-0591a010]:last-child{margin-right:0}.task-mng-container .charts-container[data-v-0591a010]{width:100%;height:400px;display:flex;justify-content:space-between;align-items:center}.task-mng-container .charts-container .chart-item[data-v-0591a010]{padding:0;width:100%;height:100%;margin-right:15px}.task-mng-container .charts-container .chart-item[data-v-0591a010]:last-child{margin-right:0}.top-operation-menu-area[data-v-0591a010]{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(1,650px);gap:25px;margin-bottom:20px}.top-operation-menu-area .operateion-content[data-v-0591a010]{height:calc(100% - 40px)}.top-operation-menu-area .operation-bar[data-v-0591a010]{display:flex;justify-content:space-between}.top-operation-menu-area .operation-bar .box-title[data-v-0591a010]{font-family:Roboto;font-size:20px;font-weight:600;line-height:28px;letter-spacing:0;color:#000}.top-operation-menu-area .chat-area[data-v-0591a010]{height:200px;width:100%}.top-operation-menu-area .row-detail-area-flow[data-v-0591a010],.top-operation-menu-area .row-detail-area-task[data-v-0591a010]{display:flex;flex-direction:column;gap:0 10px;flex-wrap:wrap;width:100%;align-content:flex-start}.top-operation-menu-area .row-detail-area-task .row-item[data-v-0591a010]{display:flex;justify-content:space-between;align-items:center}.top-operation-menu-area .row-detail-area-task .row-item .left[data-v-0591a010]{width:180px}.top-operation-menu-area .row-detail-area-task .row-item .task-line[data-v-0591a010]{width:calc(100% - 180px)}.top-operation-menu-area .row-detail-area-task .row-item .detail-name[data-v-0591a010]{font-family:Roboto;font-size:16px;font-weight:500;line-height:24px;letter-spacing:0;font-feature-settings:"kern" on;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-operation-menu-area .row-detail-area-task .row-item .detail-date[data-v-0591a010]{font-family:Roboto;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0;font-feature-settings:"kern" on;color:#6b7280}.top-operation-menu-area .row-detail-area-form[data-v-0591a010]{display:flex;flex-flow:row wrap;justify-content:space-between;align-content:flex-start}.top-operation-menu-area .row-detail-area-form .row-item[data-v-0591a010]{width:calc(50% - 5px)!important;height:100px}.top-operation-menu-area .row-detail-area-form .row-item .top[data-v-0591a010]{text-overflow:ellipsis;overflow:hidden;width:100%;white-space:nowrap}.top-operation-menu-area .row-detail-area-form .row-item .form-desc[data-v-0591a010]{margin-top:8px;height:40px;font-family:Roboto;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0;font-feature-settings:"kern" on;color:#6b7280;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.top-operation-menu-area .row-detail-area[data-v-0591a010]{margin-top:20px;height:calc(100% - 200px);overflow-y:auto}.top-operation-menu-area .row-detail-area .row-item[data-v-0591a010]{width:100%;border-radius:8px;border:1px solid #e5e7eb;position:relative;padding:15px;margin-bottom:10px}.top-operation-menu-area .row-detail-area .row-item .left .detail-name[data-v-0591a010]{width:100%;display:block}.top-operation-menu-area .row-detail-area .row-item .detail-name[data-v-0591a010]{font-family:Roboto;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0;font-feature-settings:"kern" on;color:#000}.top-operation-menu-area .row-detail-area .row-item i[data-v-0591a010]{margin-right:5px}.top-operation-menu-area .row-detail-area .row-item .flow-status[data-v-0591a010]{position:absolute;top:50%;transform:translateY(-50%);right:15px}.top-operation-menu-area .form-management[data-v-0591a010],.top-operation-menu-area .process-management[data-v-0591a010],.top-operation-menu-area .task-management[data-v-0591a010]{width:100%}.message-center__pagination[data-v-0591a010]{display:flex;justify-content:center;margin-top:24px}