html,body{width:100%;height:100%}input::-ms-clear{display:none}input::-ms-reveal{display:none}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:#0000;font-family:sans-serif;line-height:1.15}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}address{font-style:normal;line-height:inherit;margin-bottom:1em}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{text-align:left;caption-side:bottom;padding-top:.75em;padding-bottom:.3em}input,button,select,optgroup,textarea{color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{resize:vertical;overflow:auto}fieldset{border:0;min-width:0;margin:0;padding:0}legend{width:100%;max-width:100%;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal;margin-bottom:.5em;padding:0;display:block}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}.kpi-cards-container{margin-bottom:20px}.kpi-cards-container .kpi-card-item{background:#e1f4fa;border:none;border-radius:18px;height:100%;transition:transform .2s ease-in-out;overflow:hidden;box-shadow:0 12px 32px #00000026;background:#ebf8fc!important;border:1px solid #d9f2ff!important;box-shadow:0 6px 16px #00000014!important}.kpi-cards-container .kpi-card-item:hover{transform:translateY(-3px)}.kpi-cards-container .kpi-card-item .ant-card-body{height:100%;padding:20px!important}.kpi-cards-container .kpi-card-item .kpi-content-wrapper{justify-content:space-between;align-items:center;gap:10px;height:100%;display:flex}.kpi-cards-container .kpi-card-item .kpi-content-wrapper .kpi-left-section .kpi-title{color:#666;white-space:nowrap;margin-bottom:8px;font-size:14px;font-weight:500}.kpi-cards-container .kpi-card-item .kpi-content-wrapper .kpi-left-section .ant-statistic-content{font-size:26px;font-weight:700}.kpi-cards-container .kpi-card-item .kpi-content-wrapper .kpi-right-section{flex-direction:column;align-items:center;gap:6px;display:flex}.kpi-cards-container .kpi-card-item .kpi-content-wrapper .kpi-right-section .kpi-icon-wrapper{background:#ffffff80;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:24px;display:flex}.kpi-cards-container .kpi-card-item .kpi-content-wrapper .kpi-right-section .kpi-percent-text{font-size:18px;font-weight:700}@media (width<=576px){.kpi-cards-container .kpi-card-item .kpi-title{font-size:13px!important}.kpi-cards-container .kpi-card-item .ant-statistic-content{font-size:22px!important}.kpi-cards-container .kpi-card-item .kpi-icon-wrapper{width:36px;height:36px;font-size:20px}.kpi-cards-container .kpi-card-item .kpi-percent-text{font-size:14px}.kpi-cards-container .kpi-card-item{min-height:120px}.kpi-cards-container .kpi-card-item .ant-card-body{padding:12px!important}.kpi-cards-container .kpi-card-item .kpi-content-wrapper{flex-direction:column;align-items:flex-start;gap:12px}.kpi-cards-container .kpi-card-item .kpi-content-wrapper .kpi-left-section{width:100%}.kpi-cards-container .kpi-card-item .kpi-content-wrapper .kpi-left-section .kpi-title{white-space:normal;height:32px;margin-bottom:4px;line-height:1.3;font-size:12px!important}.kpi-cards-container .kpi-card-item .kpi-content-wrapper .kpi-left-section .ant-statistic-content{font-size:20px!important}.kpi-cards-container .kpi-card-item .kpi-content-wrapper .kpi-right-section{flex-direction:row;justify-content:space-between;align-items:center;gap:0;width:100%}.kpi-cards-container .kpi-card-item .kpi-content-wrapper .kpi-right-section .kpi-icon-wrapper{width:32px;height:32px;font-size:16px}.kpi-cards-container .kpi-card-item .kpi-content-wrapper .kpi-right-section .kpi-percent-text{font-size:13px}}.province-chart-card{background:#e1f4fa;border:none;border-radius:18px;overflow:hidden;box-shadow:0 12px 32px #00000026;background:#e1f4fa!important}@media (width<=576px){.province-chart-card .ant-card-body{padding:12px!important}}.province-chart-card .chart-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}@media (width<=768px){.province-chart-card .chart-header{flex-direction:column;align-items:flex-start;gap:12px}}.province-chart-card .chart-header .title-wrapper{align-items:center;gap:12px;display:flex}.province-chart-card .chart-header .title-wrapper .icon-box{color:#7cb3f2;background:#cce5ff;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex}@media (width<=576px){.province-chart-card .chart-header .title-wrapper .icon-box{width:32px;height:32px;font-size:18px}}.province-chart-card .chart-header .title-wrapper .text-content .main-title{color:#0f172a;font-size:22px;font-weight:700}@media (width<=576px){.province-chart-card .chart-header .title-wrapper .text-content .main-title{font-size:18px}}.province-chart-card .chart-header .title-wrapper .text-content .sub-title{color:#64748b;font-size:13px}@media (width<=576px){.province-chart-card .chart-header .title-wrapper .text-content .sub-title{font-size:12px}}.province-chart-card .filter-select{background:#e1f4fa;width:100%}@media (width>=768px){.province-chart-card .filter-select{max-width:300px}}.province-chart-card .chart-scroll-wrapper{width:100%;overflow:auto hidden}.province-chart-card .chart-scroll-wrapper::-webkit-scrollbar{width:6px}.province-chart-card .chart-scroll-wrapper::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:10px}.province-chart-card .chart-scroll-wrapper{-webkit-overflow-scrolling:touch;touch-action:pan-x;padding-bottom:8px}.employee-chart-card{background:#e1f4fa;border:none;border-radius:18px;margin-top:0;transition:all .3s;overflow:hidden;box-shadow:0 12px 32px #00000026}.employee-chart-card.fullscreen-mode{box-shadow:none;border-radius:0!important}.employee-chart-card .chart-header-wrapper{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}@media (width<=768px){.employee-chart-card .chart-header-wrapper{flex-direction:column;align-items:flex-start}}.employee-chart-card .chart-header-wrapper .title-text{color:#0f172a;font-weight:700}@media (width<=576px){.employee-chart-card .chart-header-wrapper .title-text{font-size:18px}}@media (width>=576px){.employee-chart-card .chart-header-wrapper .title-text{font-size:22px}}.employee-chart-card .chart-controls{flex-wrap:wrap;gap:8px;display:flex}@media (width<=768px){.employee-chart-card .chart-controls{width:100%}}.employee-chart-card .chart-controls .ant-select{background:#e1f4fa;min-width:100px}@media (width<=576px){.employee-chart-card .chart-controls .ant-select,.employee-chart-card .chart-controls .btn-fullscreen{flex:100%}}.employee-chart-card .chart-scroll-area{width:100%;height:525px;overflow:auto hidden}.employee-chart-card .chart-scroll-area::-webkit-scrollbar{width:6px}.employee-chart-card .chart-scroll-area::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:10px}.employee-chart-card .chart-scroll-area{-webkit-overflow-scrolling:touch;touch-action:pan-x;padding-bottom:8px}@media (width<=576px){.employee-chart-card .chart-scroll-area{height:auto}}.employee-chart-card .chart-scroll-area .recharts-cartesian-axis-tick-value{fill:#64748b;font-weight:500}.ranking-chart-card{background:#e1f4fa;border:none;border-radius:18px;overflow:hidden;box-shadow:0 12px 32px #00000026;background:#e1f4fa!important}@media (width<=576px){.ranking-chart-card .ant-card-body{padding:12px!important}}.ranking-chart-card .ranking-header-wrapper{margin-bottom:20px}.ranking-chart-card .ranking-header-wrapper .title-section{align-items:center;gap:12px;display:flex}.ranking-chart-card .ranking-header-wrapper .title-section .icon-trophy{color:#fbbf24;background:#fbbf241a;border-radius:8px;justify-content:center;align-items:center;min-width:36px;height:36px;font-size:20px;display:flex}.ranking-chart-card .ranking-header-wrapper .title-section .text-content .main-title{color:#0050b3;font-weight:700;line-height:1.2}@media (width<=576px){.ranking-chart-card .ranking-header-wrapper .title-section .text-content .main-title{font-size:16px}}@media (width>=576px){.ranking-chart-card .ranking-header-wrapper .title-section .text-content .main-title{font-size:20px}}.ranking-chart-card .ranking-header-wrapper .title-section .text-content .sub-title{color:#64748b;margin-top:4px;font-size:13px}.ranking-chart-card .ranking-list-scroll{min-height:150px;padding-right:8px;overflow-y:auto}.ranking-chart-card .ranking-list-scroll::-webkit-scrollbar{width:6px}.ranking-chart-card .ranking-list-scroll::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:10px}.ranking-chart-card .ranking-list-scroll{-webkit-overflow-scrolling:touch}@media (width<=576px){.ranking-chart-card .ranking-list-scroll{max-height:350px}}@media (width>=576px){.ranking-chart-card .ranking-list-scroll{max-height:520px}}.ranking-chart-card .ranking-item{background:#e1f4fa;border:1px solid #18bdf0;border-radius:14px;margin-bottom:12px;padding:14px;transition:all .3s}.ranking-chart-card .ranking-item.clickable{cursor:pointer}.ranking-chart-card .ranking-item.clickable:hover{background:#eaf7fb;transform:scale(1.01);box-shadow:0 4px 12px #0000000d}.ranking-chart-card .ranking-item .item-info-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.ranking-chart-card .ranking-item .item-info-top .name-wrapper{align-items:center;gap:12px;width:70%;display:flex}.ranking-chart-card .ranking-item .item-info-top .name-wrapper .rank-badge{color:#64748b;border:1px solid #64748b;border-radius:50%;justify-content:center;align-items:center;min-width:28px;height:28px;font-size:13px;font-weight:700;display:flex}.ranking-chart-card .ranking-item .item-info-top .name-wrapper .rank-badge.rank-1{color:#fbbf24;border-color:#fbbf24}.ranking-chart-card .ranking-item .item-info-top .name-wrapper .rank-badge.rank-2{color:#94a3b8;border-color:#94a3b8}.ranking-chart-card .ranking-item .item-info-top .name-wrapper .rank-badge.rank-3{color:#f97316;border-color:#f97316}.ranking-chart-card .ranking-item .item-info-top .name-wrapper .item-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.ranking-chart-card .ranking-item .item-info-top .item-value{font-weight:600}.ranking-chart-card .ranking-item .item-info-top .item-value .unit{color:#64748b;font-size:12px}.ranking-chart-card .ranking-item .progress-track{background:#1e293b;border-radius:10px;height:8px;overflow:hidden}.ranking-chart-card .ranking-item .progress-track .progress-fill{background:#0ea5e9;border-radius:10px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.pending-table-container.pending-card-main{background:#e1f4fa;border:none;border-radius:18px;margin-top:24px;overflow:hidden;box-shadow:0 12px 32px #00000026;background:#e1f4fa!important;border:1px solid #18bdf0!important}@media (width<=576px){.pending-table-container.pending-card-main .ant-card-body{padding:12px!important}}.pending-table-container.pending-card-chat{background:#e1f4fa;border:none;border-radius:18px;margin-top:0;overflow:hidden;box-shadow:0 12px 32px #00000026;box-shadow:none!important;background:#fff!important;border:none!important}.pending-table-container .filter-bar{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.pending-table-container .filter-bar .ant-input,.pending-table-container .filter-bar .ant-select{border-radius:8px}.pending-table-container .filter-bar .info-guide{align-items:center;gap:16px;margin-left:auto;display:flex}.pending-table-container .filter-bar .info-guide .near-due-text{color:#ff4d4f;font-size:12px;font-weight:500}@media (width<=576px){.pending-table-container .filter-bar .info-guide{justify-content:space-between;width:100%;margin-left:0}}.pending-table-container .ant-table-wrapper .ant-table-thead>tr>th{border-bottom:1px solid #18bdf0;color:#0050b3!important;background-color:#b3e5fc!important}.pending-table-container .ant-table-wrapper .ant-table-tbody>tr:hover>td{background-color:#f0faff!important}.pending-table-container .chat-compact-table .ant-table-cell{padding:4px 8px!important;font-size:12px!important}.pending-table-container .chat-compact-table .ant-table-thead th{background-color:#e6f7ff!important;padding:8px 4px!important;font-size:11px!important}.pending-table-container .chat-compact-table .ant-table-summary td{background-color:#fafafa;padding:4px 8px!important}.pending-table-container .chart-view-wrapper{background:#fff;border:1px solid #18bdf0;border-radius:12px;padding:24px}@media (width<=576px){.pending-table-container .chart-view-wrapper{padding:12px}}.pending-table-container .chart-view-wrapper .chart-controls{text-align:center;margin-bottom:20px}@media (width<=576px){.pending-table-container .chart-view-wrapper .chart-controls .ant-radio-group{flex-direction:column;gap:8px;display:flex}.pending-table-container .chart-view-wrapper .chart-controls .ant-radio-group .ant-radio-button-wrapper{border-left:1px solid #d9d9d9!important;border-radius:6px!important}}.pending-table-container .chart-view-wrapper .chart-scroll-wrapper::-webkit-scrollbar{width:6px}.pending-table-container .chart-view-wrapper .chart-scroll-wrapper::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:10px}.pending-table-container .chart-view-wrapper .chart-scroll-wrapper{padding-bottom:8px}.expanded-row-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}@media (width<=576px){.expanded-row-header{flex-direction:column;align-items:flex-start}.expanded-row-header .ant-radio-group{flex-wrap:wrap;gap:4px;display:flex}.expanded-row-header .ant-radio-group .ant-radio-button-wrapper{border-left:1px solid #d9d9d9!important;border-radius:4px!important}}.inner-task-wrapper{background:#fff;border:2px solid #18bdf0;border-radius:8px;padding:12px}.inner-task-wrapper .task-content-container{flex-direction:column;display:flex}.inner-task-wrapper .task-content-container .task-item-row{border-bottom:1px solid #e8e8e8;align-items:center;min-height:32px;padding:4px 8px;display:flex}.inner-task-wrapper .task-content-container .task-item-row:last-child{border-bottom:none}.status-display-badge{color:#fff;background:#0050b3;border-radius:0 0 8px 8px;padding:4px 12px;display:inline-block}.val-overdue{color:#ff4d4f;font-weight:700}.val-pending{color:#1890ff;font-weight:700}.val-muted{color:#d9d9d9}.fine-bar-card{background:#e1f4fa;border:none;border-radius:18px;overflow:hidden;box-shadow:0 12px 32px #00000026;background:#e1f4fa!important}@media (width<=576px){.fine-bar-card .ant-card-body{padding:12px!important}}.fine-bar-card .fine-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}@media (width<=768px){.fine-bar-card .fine-header{flex-direction:column;align-items:flex-start;gap:12px}}.fine-bar-card .fine-header .title-wrapper{align-items:center;gap:12px;display:flex}.fine-bar-card .fine-header .title-wrapper .icon-box{color:#ff4d4f;background:#ff4d4f1a;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex}@media (width<=576px){.fine-bar-card .fine-header .title-wrapper .icon-box{width:32px;height:32px;font-size:18px}}.fine-bar-card .fine-header .title-wrapper .text-content .main-title{color:#0f172a;font-size:22px;font-weight:700}@media (width<=576px){.fine-bar-card .fine-header .title-wrapper .text-content .main-title{font-size:18px}}.fine-bar-card .fine-header .title-wrapper .text-content .sub-title{color:#64748b;font-size:13px}.fine-bar-card .fine-controls{gap:12px;display:flex}@media (width<=768px){.fine-bar-card .fine-controls{flex-direction:column;width:100%}}.fine-bar-card .fine-controls .button-group{gap:8px;display:flex}@media (width<=576px){.fine-bar-card .fine-controls .button-group{width:100%}.fine-bar-card .fine-controls .button-group button{flex:1}}.fine-bar-card .chart-composed-wrapper{width:100%;position:relative;overflow:auto hidden}.fine-bar-card .chart-composed-wrapper::-webkit-scrollbar{width:6px}.fine-bar-card .chart-composed-wrapper::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:10px}.fine-bar-card .chart-composed-wrapper{-webkit-overflow-scrolling:touch;touch-action:pan-x;padding-bottom:8px}.employee-summary-card{margin-bottom:20px;background:#e1f4fa!important;border:1px solid #18bdf0!important;border-radius:8px!important}@media (width<=576px){.employee-summary-card .ant-card-head{min-height:auto;padding:0 12px}.employee-summary-card .ant-card-head .ant-card-head-title{padding:12px 0}.employee-summary-card .ant-card-body{padding:12px!important}}.employee-summary-card .ant-card-head .header-wrapper{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.employee-summary-card .ant-card-head .header-wrapper .title-text{color:#18bdf0;margin:0}@media (width<=576px){.employee-summary-card .ant-card-head .header-wrapper .title-text{line-height:1.3;font-size:16px!important}}.employee-summary-card .ant-card-head .header-wrapper .search-input{border-color:#18bdf0;border-radius:6px}@media (width>=768px){.employee-summary-card .ant-card-head .header-wrapper .search-input{width:250px}}@media (width<=768px){.employee-summary-card .ant-card-head .header-wrapper .search-input{width:100%}}.employee-summary-card .filter-controls-row{align-items:center;gap:10px;margin-bottom:16px;display:flex}@media (width<=576px){.employee-summary-card .filter-controls-row{flex-direction:column;align-items:stretch;gap:8px}}.employee-summary-card .filter-controls-row .filter-select{background:#e1f4fa}.employee-summary-card .filter-controls-row .filter-select .ant-select-selector{border-color:#18bdf0!important;border-radius:6px!important}.employee-summary-card .summary-custom-table .ant-table-content{-webkit-overflow-scrolling:touch;touch-action:pan-x}.employee-summary-card .summary-custom-table .ant-table{background:0 0!important;border-color:#18bdf0!important}.employee-summary-card .summary-custom-table .ant-table-thead>tr>th{color:#0f172a;background-color:#e1f4fa!important;border-bottom:1px solid #18bdf0!important}.employee-summary-card .summary-custom-table .ant-table-tbody>tr>td{background-color:#e1f4fa;border-bottom:1px solid #18bdf0!important}.employee-summary-card .summary-custom-table .ant-table-tbody>tr:hover>td{background-color:#dcf4fb!important}.employee-summary-card .summary-custom-table .ant-table-container{border-radius:4px;border:1px solid #18bdf0!important}.underperforming-card{background:#e1f4fa;border:none;border-radius:18px;overflow:hidden;box-shadow:0 12px 32px #00000026;background:#e1f4fa!important}@media (width<=576px){.underperforming-card .ant-card-body{padding:12px!important}}.underperforming-card .underperforming-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}@media (width<=768px){.underperforming-card .underperforming-header{flex-direction:column;align-items:flex-start;gap:12px}}.underperforming-card .underperforming-header .title-text{color:#0f172a;font-weight:700}@media (width<=576px){.underperforming-card .underperforming-header .title-text{font-size:16px;line-height:1.3}}@media (width>=576px){.underperforming-card .underperforming-header .title-text{font-size:22px}}.underperforming-card .underperforming-header .controls-group{align-items:center;gap:12px;display:flex}@media (width<=576px){.underperforming-card .underperforming-header .controls-group{flex-wrap:wrap;gap:8px;width:100%}}.underperforming-card .underperforming-header .controls-group .btn-show-all{color:#fff;background:#34b1b3;border:none}.underperforming-card .performance-stats-row{margin-bottom:24px}.underperforming-card .performance-stats-row .stat-box{border:none;border-radius:12px}.underperforming-card .performance-stats-row .stat-box.bad-count{background:#3b82f61a}.underperforming-card .performance-stats-row .stat-box.avg-prod{background:#f59e0b1a}.underperforming-card .performance-stats-row .stat-box .ant-statistic-title{color:#64748b}.underperforming-card .performance-stats-row .stat-box .ant-statistic-content{font-weight:700}.underperforming-card .split-layout-row .chart-side::-webkit-scrollbar{width:6px}.underperforming-card .split-layout-row .chart-side::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:10px}.underperforming-card .split-layout-row .table-side .ant-table-wrapper .ant-table-content{-webkit-overflow-scrolling:touch;touch-action:pan-x}.underperforming-card .split-layout-row .table-side .ant-table-thead>tr>th{color:#0f172a;background-color:#bae6fd!important}.violation-detail-expansion{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin:10px;padding:16px}.violation-detail-expansion .detail-title{margin-bottom:12px}.violation-detail-expansion .detail-title b{color:#1890ff}.all-ft-ranking-modal .chart-container-scroll{width:100%;height:500px;overflow-x:auto}.all-ft-ranking-modal .chart-container-scroll::-webkit-scrollbar{width:6px}.all-ft-ranking-modal .chart-container-scroll::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:10px}.all-ft-ranking-modal .chart-container-scroll{-webkit-overflow-scrolling:touch;touch-action:pan-x;padding-bottom:8px}@media (width<=576px){.all-ft-ranking-modal .chart-container-scroll{height:400px}}.kpi-mini-card{border:none;border-radius:16px;overflow:hidden;box-shadow:0 6px 16px #00000014}.kpi-mini-card .ant-table{background:0 0}.kpi-mini-card .ant-table .ant-table-thead>tr>th{border-bottom:2px solid #d9f2ff;font-weight:700;color:#34b1b3!important;background-color:#ebf8fc!important}.kpi-mini-card .ant-table .mini-table-clickable-row{cursor:pointer;transition:all .3s}.kpi-mini-card .ant-table .mini-table-clickable-row:hover{background-color:#f4fbfd!important}.kpi-icon-circle{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.thc-expansion-container{background-color:#fafafa;border:1px dashed #d9d9d9;border-radius:8px;padding:15px 20px}.thc-expansion-container .thc-title{color:#1890ff;margin-bottom:12px;font-size:14px}.thc-expansion-container .thc-stat-card.total{background-color:#e6f4ff}.thc-expansion-container .thc-stat-card.done{background-color:#f6ffed}.thc-expansion-container .thc-stat-card.pending{background-color:#fffbe6}.thc-expansion-container .thc-stat-card.other{background-color:#fff1f0}.resizable-modal-rnd{z-index:1050;pointer-events:auto}.resizable-modal-rnd .ant-modal{margin:0;padding-bottom:0;top:0;width:100%!important;height:100%!important}.resizable-modal-rnd .ant-modal .ant-modal-content{flex-direction:column;display:flex;overflow:hidden;height:100%!important;padding:0!important}.resizable-modal-rnd .ant-modal .ant-modal-content .ant-modal-header{cursor:move;background:#fff;border-bottom:1px solid #f0f0f0;padding:16px 24px}.resizable-modal-rnd .ant-modal .ant-modal-content .ant-modal-body{flex:1;padding:16px;overflow-y:auto}.react-resizable-handle{cursor:se-resize;z-index:10001;width:25px;height:25px;position:absolute;bottom:0;right:0}.react-resizable-handle:after{content:"";opacity:.5;border-bottom:3px solid #34b1b3;border-right:3px solid #34b1b3;width:10px;height:10px;position:absolute;bottom:5px;right:5px}.combined-dashboard-card{background:#e1f4fa;border:none;border-radius:18px;overflow:hidden;box-shadow:0 12px 32px #00000026;background:#e1f4fa!important;box-shadow:0 8px 24px #0000001f!important}.combined-dashboard-card .card-header-wrapper{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.combined-dashboard-card .card-header-wrapper .title-section{align-items:center;gap:8px;display:flex}.combined-dashboard-card .card-header-wrapper .title-section .icon-box{color:#34b1b3;background:#e6f7f7;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;display:flex}.combined-dashboard-card .card-header-wrapper .title-section .text-content .main-title{color:#0f172a;font-size:14px;font-weight:700;line-height:1.2}.combined-dashboard-card .card-header-wrapper .title-section .text-content .sub-title{color:#64748b;font-size:11px}.combined-dashboard-card .province-select{background:#e1f4fa;width:100%}.combined-dashboard-card .province-select .ant-select-selector{background:#ffffff80!important;border-radius:6px!important}.combined-dashboard-card .chart-scroll-container{width:100%;max-height:400px;overflow-y:auto}.combined-dashboard-card .chart-scroll-container::-webkit-scrollbar{width:6px}.combined-dashboard-card .chart-scroll-container::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:10px}.work-type-column-card{background:#e1f4fa;border:none;border-radius:18px;overflow:hidden;box-shadow:0 12px 32px #00000026;background:#e1f4fa!important}.work-type-column-card .ant-card-head-title{align-items:center;gap:8px;display:flex}.work-type-column-card .chart-main-container{width:100%;height:400px;margin-top:10px}.work-type-column-card .total-label-style{fill:#7702b3;font-size:11px;font-weight:700}.work-type-column-card .bar-label-style{fill:#0f0f0f;font-size:11px;font-weight:600}.station-summary-card{background:#e1f4fa;border:none;border-radius:18px;margin-top:24px;overflow:hidden;box-shadow:0 12px 32px #00000026;background:#e1f4fa!important}.station-summary-card .filter-section-row{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px;padding:12px}.station-summary-card .filter-section-row .ant-select,.station-summary-card .filter-section-row .ant-input{width:100%}.station-summary-card .legend-guide-container{background:#fff;border:1px solid #b1daff;border-radius:8px;padding:6px 16px;box-shadow:0 2px 6px #00000005}.station-summary-card .legend-guide-container .legend-dot{margin-right:4px}.station-summary-card .clickable-row{cursor:pointer}.task-detail-wrapper{background:#fff;border:2px solid #18bdf0;border-radius:8px;padding:12px}.task-detail-wrapper .task-content-stack{flex-direction:column;display:flex}.task-detail-wrapper .task-content-stack .task-row-item{border-bottom:1px solid #e8e8e8;align-items:center;min-height:32px;padding:4px 8px;display:flex}.task-detail-wrapper .task-content-stack .task-row-item:last-child{border-bottom:none}.task-detail-wrapper .task-content-stack .task-row-item.remain-time{color:red;font-weight:700}.thc-nested-table-container{padding:10px 10px 16px}.thc-nested-table-container .thc-badge-header{color:#fff;background:#08979c;border-radius:0 0 8px 8px;margin-bottom:8px;padding:4px 12px;display:inline-block}.thc-nested-table-container .thc-table-styled{border:2px solid #17ecf3;border-radius:8px;overflow:hidden}.text-done{color:#22c55e;font-weight:700}.text-today{color:#3b82f6;font-weight:700}.text-pending{color:#f60;font-weight:700}.text-overdue{color:red;font-weight:700}.cluster-donut-card{background:#e1f4fa;border:none;border-radius:18px;overflow:hidden;box-shadow:0 12px 32px #00000026;background:#e1f4fa!important}.cluster-donut-card .chart-container-relative{justify-content:center;align-items:center;height:400px;display:flex;position:relative}.cluster-donut-card .chart-container-relative .center-label{text-align:center;pointer-events:none;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.cluster-donut-card .chart-container-relative .center-label .percent-value{color:#1890ff;font-size:32px;font-weight:700}.cluster-donut-card .chart-container-relative .center-label .percent-text{color:#64748b;text-transform:uppercase;margin-top:-5px;font-size:12px}.cluster-donut-card .stats-container{padding:0 10px}.cluster-donut-card .stats-container .main-stat-value{color:#111;font-size:32px;font-weight:800}.cluster-donut-card .stats-container .stat-item{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.cluster-donut-card .stats-container .stat-item .label-group{align-items:center;gap:8px;display:flex}.cluster-donut-card .stats-container .stat-item .value-text{font-weight:700}.cluster-donut-card .selection-note-box{background:#f0f5ff;border:1px solid #adc6ff;border-radius:8px;margin-top:30px;padding:15px}.cluster-donut-card .selection-note-box strong{color:#003a8c}.penalty-pie-card{background:#e1f4fa;border:none;border-radius:18px;overflow:hidden;box-shadow:0 12px 32px #00000026;background:#e1f4fa!important;box-shadow:0 4px 20px #0000000d!important}.penalty-pie-card .pie-header{align-items:center;gap:8px;margin-bottom:20px;display:flex}.penalty-pie-card .pie-header .icon-container{color:#34b1b3;background:#e6f7f7;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;display:flex}.penalty-pie-card .pie-header .title-group .main-title{color:#0f172a;text-transform:uppercase;font-size:14px;font-weight:700}.penalty-pie-card .pie-header .title-group .sub-title{color:#64748b;font-size:11px}.penalty-pie-card .chart-wrapper{width:100%;height:300px}.penalty-pie-card .pie-summary-box{background:#f8fafc;border-radius:8px;margin-top:10px;padding:12px}.penalty-pie-card .pie-summary-box .summary-item{justify-content:space-between;margin-bottom:6px;display:flex}.penalty-pie-card .pie-summary-box .summary-item span:first-child{color:#64748b;font-size:12px}.penalty-pie-card .pie-summary-box .summary-item span:last-child{font-size:12px;font-weight:700}.penalty-pie-card .pie-summary-box .summary-total{color:#0f172a;border-top:2px solid #e2e8f0;justify-content:space-between;margin-top:8px;padding-top:8px;font-size:12px;font-weight:800;display:flex}.pie-custom-tooltip{background-color:#fff;border:1px solid #ccc;border-radius:8px;padding:10px;box-shadow:0 4px 12px #0000001a}.pie-custom-tooltip p{margin:0}.pie-custom-tooltip p.label{font-weight:700}.kpi-province-card{background:#e1f4fa;border:none;border-radius:18px;overflow:hidden;box-shadow:0 12px 32px #00000026;background:#e1f4fa!important;box-shadow:0 2px 8px #0000001a!important}.kpi-province-card .card-title-text{color:#0050b3}.kpi-province-card .filter-section-wrapper{background:#fff;border-radius:8px;margin-bottom:16px;padding:15px}.kpi-province-card .ant-table-wrapper .ant-table-thead>tr>th{text-align:center!important;color:#0050b3!important;background-color:#b3e5fc!important;font-weight:700!important}.kpi-province-card .ant-table-wrapper .col-group-start{border-left:2px solid #91caff!important}.kpi-province-card .ant-table-wrapper .row-district-header{background-color:#fafafa;font-weight:700}.kpi-province-card .ant-table-wrapper .row-ft-detail{background-color:#fff;font-weight:700!important}.kpi-province-card .ant-table-wrapper .row-ft-detail .ant-table-cell:nth-child(2){padding-left:20px}.kpi-province-card .ant-table-wrapper .ant-table-summary .ant-table-row{background:#fff7e6!important}.kpi-province-card .ant-table-wrapper .ant-table-summary .ant-table-row .ant-table-cell{color:#d46b08;border-bottom:1px solid #91caff}.text-ht{color:#090;font-weight:700}.text-thc-closed{color:#1890ff;font-weight:700}.text-thc-pct{color:#d48806;font-weight:700}.text-qh-alert{color:#f5222d}.ft-performance-card{background:#e1f4fa;border:none;border-radius:18px;overflow:hidden;box-shadow:0 12px 32px #00000026;background:#e1f4fa!important;box-shadow:0 4px 20px #00000014!important}.ft-performance-card .ant-card-head-title span{align-items:center;font-size:14px;font-weight:700;display:flex}.ft-performance-card .stats-summary-row{margin-bottom:24px}.ft-performance-card .stats-summary-row .ant-statistic-title{color:#64748b;text-transform:uppercase;font-size:12px}.ft-performance-card .chart-main-wrapper{background:#fafafa;border:1px solid #0000000d;border-radius:12px;width:100%;height:400px;padding:15px}.ft-performance-card .chart-main-wrapper .recharts-label-list{font-size:10px;font-weight:700}@media (width<=576px){.chat-assistant-container{bottom:16px;right:16px}}@media (width<=576px){.chat-assistant-container .chat-window{z-index:1001;position:fixed;inset:0;border-radius:0!important;width:100vw!important;height:100vh!important}}@media (width<=576px){.chat-assistant-container .chat-window .ant-card-head{min-height:50px;padding:0 12px}}@media (width<=576px){.chat-assistant-container .chat-window .chat-messages{padding:12px}}@media (width<=576px){.chat-assistant-container .chat-window .chat-input-area{padding:12px;padding-bottom:env(safe-area-inset-bottom,12px)}}@media (width<=576px){.chat-modal-wrapper{padding:0!important;overflow:hidden!important}.fullscreen-mobile-modal{width:100vw!important;max-width:100vw!important;height:100vh!important;margin:0!important;padding:0!important;top:0!important}.fullscreen-mobile-modal .ant-modal-content{flex-direction:column;display:flex;border-radius:0!important;height:100vh!important}.fullscreen-mobile-modal .ant-modal-body{flex:1;overflow-y:auto;padding:8px!important}}@media (width<=576px){.modal-chart-container{border-radius:8px;height:100%;min-height:auto}}.dashboard-wrapper{background:#f0f2f5;min-height:100vh;padding:20px}.dashboard-wrapper .sync-status-alert{background:#fff7e6;border:1px solid #ffd591;border-radius:8px;align-items:center;margin-bottom:20px;padding:10px 20px;display:flex}.dashboard-wrapper .sync-status-alert .ant-spin{margin-right:15px}.dashboard-wrapper .last-update-tag{text-align:right;margin-bottom:15px}.dashboard-wrapper .filter-main-card{border-radius:12px;margin-bottom:20px}.dashboard-wrapper .filter-main-card .header-row{justify-content:space-between;align-items:center;display:flex}@media (width<=768px){.dashboard-wrapper .filter-main-card .header-row{flex-direction:column;align-items:flex-start;gap:16px}}.dashboard-wrapper .filter-main-card .action-group{text-align:right}@media (width<=768px){.dashboard-wrapper .filter-main-card .action-group{text-align:left;width:100%}}.dashboard-wrapper .filter-main-card .action-group .btn-export-excel{background-color:#10b981;border-color:#10b981;margin-right:50px}@media (width<=768px){.dashboard-wrapper .filter-main-card .action-group .btn-export-excel{margin-bottom:10px;margin-right:0}}.dashboard-wrapper .filter-main-card .filter-inputs-wrapper{border-top:1px solid #f0f0f0;margin-top:20px;padding-top:20px}.dashboard-wrapper .section-detail-title{text-align:center;color:#1890ff;text-transform:uppercase;margin-bottom:10px;font-weight:700}.dashboard-wrapper .overflow-hidden-wrapper{width:100%;margin-top:20px;overflow-x:hidden}.dashboard-wrapper .chart-row-spacing{margin-top:20px}.lazy-chart-container{min-height:400px}.dashboard-card{background:#e1f4fa;border:none;border-radius:18px;margin-bottom:20px;overflow:hidden;box-shadow:0 12px 32px #00000026}.dashboard-card .ant-card-head{border-bottom:1px solid #0000000d}.dashboard-card .ant-card-head .ant-card-head-title{color:#1890ff;font-weight:700}.custom-table .ant-table-thead>tr>th{color:#005cb1;font-weight:700;background-color:#e4f2ff!important}.custom-table .ant-table-tbody>tr:hover>td{background-color:#f7fcfe!important}.chart-container{padding:15px}.chart-container::-webkit-scrollbar{width:6px}.chart-container::-webkit-scrollbar-thumb{background:#b5e4f3;border-radius:10px}.chat-assistant-container{z-index:1000;position:fixed;bottom:30px;right:30px}@media (width<=576px){.chat-assistant-container{bottom:16px;right:16px}}.chat-assistant-container .chat-float-btn{border:none;justify-content:center;align-items:center;display:flex;box-shadow:0 6px 16px #1890ff59;border-radius:50%!important;width:64px!important;height:64px!important}.chat-assistant-container .chat-window{border:none;flex-direction:column;width:380px;height:550px;display:flex;overflow:hidden;box-shadow:0 12px 48px #00000026;border-radius:18px!important}@media (width<=576px){.chat-assistant-container .chat-window{z-index:1001;position:fixed;inset:0;border-radius:0!important;width:100vw!important;height:100vh!important}}.chat-assistant-container .chat-window .ant-card-head{border-bottom:1px solid #f0f0f0;padding:0 15px}@media (width<=576px){.chat-assistant-container .chat-window .ant-card-head{min-height:50px;padding:0 12px}}.chat-assistant-container .chat-window .ant-card-body{flex-direction:column;flex:1;padding:0;display:flex;overflow:hidden}.chat-assistant-container .chat-window .chat-messages{background:#f7f9fc;flex:1;padding:15px;overflow-y:auto}.chat-assistant-container .chat-window .chat-messages::-webkit-scrollbar{width:6px}.chat-assistant-container .chat-window .chat-messages::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:10px}@media (width<=576px){.chat-assistant-container .chat-window .chat-messages{padding:12px}}.chat-assistant-container .chat-window .chat-messages .msg-item .msg-bubble{color:#333;background:#fff;border-radius:18px;padding:12px 16px;box-shadow:0 2px 8px #0000000d}.chat-assistant-container .chat-window .chat-messages .msg-item.user .msg-bubble{color:#fff;background:#1890ff;border-bottom-right-radius:4px}.chat-assistant-container .chat-window .chat-messages .msg-item.bot .msg-bubble{border-bottom-left-radius:4px}.chat-assistant-container .chat-window .welcome-menu{font-size:13px}.chat-assistant-container .chat-window .welcome-menu .command-syntax{text-align:center;background:#f0f2f5;border-radius:10px;margin:10px 0;padding:8px}.chat-assistant-container .chat-window .welcome-menu .help-list{margin:8px 0;padding-left:18px}.chat-assistant-container .chat-window .welcome-menu .example-buttons{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.chat-assistant-container .chat-window .welcome-menu .example-buttons button{font-size:11px;border-radius:15px!important}.chat-assistant-container .chat-window .chat-input-area{background:#fff;padding:15px}@media (width<=576px){.chat-assistant-container .chat-window .chat-input-area{padding:12px;padding-bottom:env(safe-area-inset-bottom,12px)}}.chat-assistant-container .chat-window .chat-input-area input{border-radius:20px}@media (width<=576px){.chat-modal-wrapper{padding:0!important;overflow:hidden!important}.fullscreen-mobile-modal{width:100vw!important;max-width:100vw!important;height:100vh!important;margin:0!important;padding:0!important;top:0!important}.fullscreen-mobile-modal .ant-modal-content{flex-direction:column;display:flex;border-radius:0!important;height:100vh!important}.fullscreen-mobile-modal .ant-modal-body{flex:1;overflow-y:auto;padding:8px!important}}.modal-chart-container{background:#f0f2f5;border-radius:15px;min-height:550px}@media (width<=576px){.modal-chart-container{border-radius:8px;height:100%;min-height:auto}}.text-danger{color:#ff4d4f}.text-success{color:#52c41a}.bold{font-weight:700}