.loading-overlay[data-v-5420a6f1]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:transparent;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:1000;border-radius:8px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loading-overlay[data-v-5420a6f1],.loading-spinner[data-v-5420a6f1]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.loading-spinner[data-v-5420a6f1]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}.spinner[data-v-5420a6f1]{width:60px;height:60px;border:4px solid rgba(16,122,136,.3);border-radius:50%;border-top-color:#107a88;-webkit-animation:spin-data-v-5420a6f1 1s ease-in-out infinite;animation:spin-data-v-5420a6f1 1s ease-in-out infinite;-webkit-box-shadow:0 0 20px rgba(16,122,136,.5);box-shadow:0 0 20px rgba(16,122,136,.5)}.loading-text[data-v-5420a6f1]{color:#fff;font-size:16px;font-weight:500;text-shadow:0 0 10px rgba(16,122,136,.7)}@-webkit-keyframes spin-data-v-5420a6f1{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-data-v-5420a6f1{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.hole-dashboard[data-v-31dd94af]{background:url(../img/KPI-Home背景.039d63b0.png) no-repeat;background-size:cover;position:relative;width:140%;min-height:100vh;overflow:hidden;background-color:#000;overflow-x:auto;will-change:scrollLeft}.hole-dashboard[data-v-31dd94af]::-webkit-scrollbar{width:12px;height:12px}.hole-dashboard[data-v-31dd94af]::-webkit-scrollbar-track{background:#0f2a3f}.hole-dashboard[data-v-31dd94af]::-webkit-scrollbar-thumb{background:#107a88;border-radius:6px}.hole-dashboard[data-v-31dd94af]::-webkit-scrollbar-thumb:hover{background:#009696}.background-wrapper[data-v-31dd94af]{position:absolute;inset:0;z-index:0}.background-image[data-v-31dd94af]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:1}.quality-dashboard[data-v-31dd94af]{width:100%;font-family:Arial,sans-serif;color:#e0e6ed;padding:20px}.dashboard-header[data-v-31dd94af]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;align-items:center;overflow-x:auto;scrollbar-width:none;border-radius:8px}.dashboard-header[data-v-31dd94af]::-webkit-scrollbar{display:none}.dashboard-title[data-v-31dd94af]{font-size:1.3vw;font-weight:700;color:#fff;margin:0;white-space:nowrap;-ms-flex-negative:0;flex-shrink:0}.control-bar[data-v-31dd94af]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:15px;-ms-flex-negative:1;flex-shrink:1}.control-group[data-v-31dd94af]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:5px;-ms-flex-negative:0;flex-shrink:0}.control-label[data-v-31dd94af]{font-size:.9vw;color:#fff}.control-select[data-v-31dd94af]{padding:0 10px;background-color:#0f2a3f;color:#fff;border:1px solid #2a5a8a;border-radius:6px;font-size:.9vw;min-width:95px;-ms-flex-negative:0;flex-shrink:0;height:36px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding-right:28px;appearance:none;-webkit-appearance:none;-moz-appearance:none}.control-select[data-v-31dd94af]::-ms-expand{display:none}.select-wrapper[data-v-31dd94af]{position:relative;display:inline-block;width:5vw;height:2.5vw;min-height:32px;min-width:95px}.select-wrapper .control-select[data-v-31dd94af]{width:100%;height:100%}.arrow-btn[data-v-31dd94af]{pointer-events:none;font-size:.55vw}.arrow-btn[data-v-31dd94af],.clear-btn[data-v-31dd94af]{position:absolute;right:8px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#fff;line-height:1}.clear-btn[data-v-31dd94af]{cursor:pointer;font-size:.9vw}.clear-btn[data-v-31dd94af]:hover{color:#2a5a8a}.l-week-picker[data-v-31dd94af]{padding:0!important}[data-v-31dd94af] .l-week-picker .inputTitle{border:1px solid #2a5a8a!important;background-color:#0f2a3f!important;color:#fff!important;font-size:.9vw!important;border-radius:6px!important;height:2.5vw!important;min-height:32px}.control-select.week-select[data-v-31dd94af]{border-color:#39ff14}.milestone-input[data-v-31dd94af]{min-width:95px;width:5vw;height:2.5vw;min-height:32px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:7px 10px}.action-buttons[data-v-31dd94af]{gap:8px;-ms-flex-negative:0;flex-shrink:0}.action-btn[data-v-31dd94af],.action-buttons[data-v-31dd94af]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.action-btn[data-v-31dd94af]{gap:5px;padding:7px 12px;background-color:#107a88;color:#fff;border:none;border-radius:6px;font-size:.9vw;cursor:pointer;-webkit-transition:background-color .2s;transition:background-color .2s;white-space:nowrap;height:2.5vw}.action-btn[data-v-31dd94af]:hover{background-color:#009696}.action-btn .icon[data-v-31dd94af]{font-size:.9vw}.top-category-bar[data-v-31dd94af]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:6px;gap:6px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.header-column[data-v-31dd94af]{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;min-width:80px}.header-column-fourline[data-v-31dd94af]{-webkit-box-flex:5.15;-ms-flex:5.15;flex:5.15;position:relative;min-width:80px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:6px;row-gap:2px;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.category-item[data-v-31dd94af]{width:100%;min-height:60px;height:calc(5vw + 2px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-weight:700;font-size:1vw;text-align:center;padding:0 5px;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:#107a88;border-radius:4px}.digital-quality[data-v-31dd94af],.product-audit[data-v-31dd94af],.supplier-management[data-v-31dd94af]{background-color:#107a88}.sub-category-item-manufacturing-quality[data-v-31dd94af]{width:100%;font-weight:700;font-size:1vw;-ms-flex-align:center;-ms-flex-pack:center}.sub-category-item-manufacturing-quality[data-v-31dd94af],.sub-category-item[data-v-31dd94af]{min-height:29px;height:2.5vw;background-color:#107a88;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;padding:0 3px;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;border-radius:4px}.sub-category-item[data-v-31dd94af]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:60px;font-size:.8vw;-ms-flex-align:center;-ms-flex-pack:center}.sub-category-item-assembly-shop[data-v-31dd94af]{-webkit-box-flex:2.075;-ms-flex:2.075;flex:2.075;min-width:60px;min-height:29px;height:2.5vw;background-color:#107a88;color:#fff;font-size:.8vw;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;border-radius:4px}.main-content[data-v-31dd94af],.sub-category-item-assembly-shop[data-v-31dd94af]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box}.main-content[data-v-31dd94af]{gap:6px;width:100%;min-height:500px;position:relative}.content-column[data-v-31dd94af]{-webkit-box-flex:1;-ms-flex:1;flex:1;flex-direction:column;gap:6px;min-width:80px}.content-column[data-v-31dd94af],.kpi-card[data-v-31dd94af]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column}.kpi-card[data-v-31dd94af]{aspect-ratio:1.57/1;height:auto;flex-direction:column;background:-webkit-gradient(linear,left top,left bottom,from(#1d7db3),to(#01253d));background:linear-gradient(#1d7db3,#01253d);border:1px solid #2a5a8a;border-radius:6px;font-size:.8vw;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;padding-right:6px;padding-bottom:6px;padding-left:6px;position:relative;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.2);box-shadow:0 2px 4px rgba(0,0,0,.2)}.kpi-card.hide-mode[data-v-31dd94af]{border:2px solid rgba(24,231,245,.7411764705882353);-webkit-box-shadow:0 0 8px rgba(139,0,0,.5);box-shadow:0 0 8px rgba(139,0,0,.5)}.kpi-card.active[data-v-31dd94af]{background:-webkit-gradient(linear,left top,left bottom,from(#1a237e),to(#2a338e));background:linear-gradient(#1a237e,#2a338e);border-color:#3a439e;-webkit-box-shadow:0 4px 8px rgba(0,0,0,.4);box-shadow:0 4px 8px rgba(0,0,0,.4)}.kpi-card[data-v-31dd94af]:hover{background:-webkit-gradient(linear,left top,left bottom,from(#107a88),to(#009696));background:linear-gradient(#107a88,#009696);-webkit-box-shadow:0 4px 8px rgba(0,0,0,.3);box-shadow:0 4px 8px rgba(0,0,0,.3);-webkit-transform:scale(1.02);transform:scale(1.02);border-color:#39b5c8}.kpi-card[data-v-31dd94af]:not([data-has-content]):hover{background:-webkit-gradient(linear,left top,left bottom,from(#1d7db3),to(#01253d));background:linear-gradient(#1d7db3,#01253d);-webkit-box-shadow:0 2px 4px rgba(0,0,0,.2);box-shadow:0 2px 4px rgba(0,0,0,.2);-webkit-transform:none;transform:none;border-color:#2a5a8a;cursor:default}.kpi-title-wrapper[data-v-31dd94af]{font-weight:700;font-size:.7vw;color:#fff;line-height:1.2;height:1.68vw;margin-bottom:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-bottom:1px dashed #43aae5;padding:0 2px;-webkit-box-sizing:border-box;box-sizing:border-box}.kpi-title-inner[data-v-31dd94af]{width:100%;text-align:center;display:-webkit-box;-webkit-box-pack:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;line-height:1.2}.kpi-body[data-v-31dd94af]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-bottom:4px;-webkit-box-flex:1;-ms-flex:1;flex:1;gap:4px}.kpi-data-section[data-v-31dd94af]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2px;max-width:70%;font-size:.55vw;text-align:left;-webkit-box-flex:2;-ms-flex:2;flex:2;height:15vh;-ms-flex-pack:distribute;justify-content:space-around}.kpi-row[data-v-31dd94af]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:2px}.kpi-label[data-v-31dd94af]{color:#fff}.kpi-value[data-v-31dd94af]{color:#fff;font-weight:500}.kpi-light-section[data-v-31dd94af]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;gap:5px}.kpi-status-light[data-v-31dd94af]{width:1.5vw;height:1.5vw;border-radius:50%;margin-bottom:2px;-webkit-box-shadow:0 0 8px rgba(0,0,0,.3);box-shadow:0 0 8px rgba(0,0,0,.3)}.kpi-status-light.green[data-v-31dd94af]{background-color:#00b050}.kpi-status-light.yellow[data-v-31dd94af]{background-color:#ff0}.kpi-status-light.red[data-v-31dd94af]{background-color:red}.kpi-light-value[data-v-31dd94af]{font-size:.6vw}.kpi-light-big-value[data-v-31dd94af],.kpi-light-value[data-v-31dd94af]{color:#fff;font-weight:700;background-color:#107a88;padding:1px 0;border-radius:0;width:80%;text-align:center}.kpi-light-big-value[data-v-31dd94af]{font-size:1vw}.kpi-status-bar[data-v-31dd94af]{height:4px;background-color:#1a3a5a;border-radius:2px;position:relative;margin-bottom:3px;overflow:hidden;width:100%}.status-range[data-v-31dd94af]{height:100%;width:100%;background:-webkit-gradient(linear,left top,right top,from(red),color-stop(33.33%,red),color-stop(33.33%,#ff0),color-stop(66.66%,#ff0),color-stop(66.66%,#00b050),to(#00b050));background:linear-gradient(90deg,red 0,red 33.33%,#ff0 0,#ff0 66.66%,#00b050 0,#00b050)}.status-range-redgreen[data-v-31dd94af]{height:100%;width:100%;background:-webkit-gradient(linear,left top,right top,from(red),color-stop(50%,red),color-stop(50%,#00b050),to(#00b050));background:linear-gradient(90deg,red 0,red 50%,#00b050 0,#00b050)}.status-range-yellowgreen[data-v-31dd94af]{height:100%;width:100%;background:-webkit-gradient(linear,left top,right top,from(#ff0),color-stop(50%,#ff0),color-stop(50%,#00b050),to(#00b050));background:linear-gradient(90deg,#ff0 0,#ff0 50%,#00b050 0,#00b050)}.status-marker[data-v-31dd94af]{position:absolute;top:0;width:2px;height:100%;background-color:#fff}.kpi-footer[data-v-31dd94af]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:.5vw;color:#fff;width:100%}.kpi-footer-label[data-v-31dd94af]{-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:33.33%;text-align:center}.footer-text[data-v-31dd94af]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.2;word-break:break-all;word-wrap:break-word}@media (max-width:900px){.control-select[data-v-31dd94af]{min-width:80px;padding:0 10px;height:32px}.action-btn[data-v-31dd94af]{padding:6px 10px;height:32px}.l-week-picker[data-v-31dd94af]{height:32px!important}.kpi-card[data-v-31dd94af]{font-size:.7vw}.kpi-light-value[data-v-31dd94af]{font-size:.63vw}.kpi-footer[data-v-31dd94af]{font-size:.4vw}}[data-v-31dd94af] .ant-calendar-picker-input.ant-input{height:36px;border:1px solid #2a5a8a;background-color:#0f2a3f;color:#fff}.preview-image-container[data-v-31dd94af]{width:100%;padding:16px;text-align:center}.preview-img[data-v-31dd94af]{max-width:100%;max-height:80vh;-o-object-fit:contain;object-fit:contain}.breadcrumb[data-v-31dd94af]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.75vw;font-size:1.1vw;color:#fff}.breadcrumb-home[data-v-31dd94af]{color:#00d4ff;cursor:pointer;-webkit-transition:color .3s ease;transition:color .3s ease}.breadcrumb-home[data-v-31dd94af]:hover{color:#007acc;text-decoration:underline}.breadcrumb-separator[data-v-31dd94af]{color:#b3b1b1}.breadcrumb-current[data-v-31dd94af]{color:#fff;font-weight:500}