#centerLeft1[data-v-f36d1e32]{padding:16px;height:410px;width:100%;border-radius:10px}#centerLeft1 .bg-color-black[data-v-f36d1e32]{height:380px;border-radius:10px}#centerLeft1 .text[data-v-f36d1e32]{color:#c3cbde}#centerLeft1 .dv-dec-3[data-v-f36d1e32]{position:relative;width:100px;height:20px;top:-3px}#centerLeft1 .bottom-data[data-v-f36d1e32]{height:76px;margin:2px 14px 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(68,190,216,.14)}#centerLeft1 .bottom-data .item-box[data-v-f36d1e32]{position:relative;padding-top:10px;text-align:center}#centerLeft1 .bottom-data .item-box[data-v-f36d1e32]:not(:last-child):after{content:"";position:absolute;top:14px;right:0;width:1px;height:34px;background:rgba(89,168,198,.14)}#centerLeft1 .bottom-data .item-box .data-mark[data-v-f36d1e32]{display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;-webkit-box-shadow:0 0 7px currentColor;box-shadow:0 0 7px currentColor}#centerLeft1 .bottom-data .item-box strong[data-v-f36d1e32]{font-size:20px;text-shadow:0 0 10px rgba(63,213,222,.28)}#centerLeft1 .bottom-data .item-box .data-unit[data-v-f36d1e32]{margin-left:2px;color:#7e8daa;font-size:10px}#centerLeft1 .bottom-data .item-box p[data-v-f36d1e32]{margin-top:4px;color:#9aa8c0;font-size:11px}#centerRight1[data-v-5362ddd4]{padding:16px;padding-top:20px;height:410px;width:100%;border-radius:5px}#centerRight1 .bg-color-black[data-v-5362ddd4]{position:relative;overflow:hidden;height:380px;border-radius:10px;background:-webkit-gradient(linear,left top,left bottom,from(rgba(13,29,53,.95)),to(rgba(7,15,31,.96)));background:linear-gradient(180deg,rgba(13,29,53,.95),rgba(7,15,31,.96));-webkit-box-shadow:inset 0 0 24px rgba(31,180,219,.07);box-shadow:inset 0 0 24px rgba(31,180,219,.07)}#centerRight1 .bg-color-black[data-v-5362ddd4]:before{content:"";position:absolute;top:0;left:14px;right:14px;height:1px;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(#2ddcda),to(transparent));background:linear-gradient(90deg,transparent,#2ddcda,transparent)}#centerRight1 .text[data-v-5362ddd4]{color:#c3cbde}#centerRight1 .body-box[data-v-5362ddd4]{border-radius:10px;overflow:hidden}#centerRight1 .body-box .dv-scr-board[data-v-5362ddd4]{width:calc(100% - 30px);height:275px}#centerRight1 .supplier-summary[data-v-5362ddd4]{height:66px;margin:7px 15px 8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;border-top:1px solid rgba(61,197,224,.18);border-bottom:1px solid rgba(61,197,224,.18);background:rgba(21,80,107,.1)}#centerRight1 .supplier-summary .summary-item[data-v-5362ddd4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;gap:3px}#centerRight1 .supplier-summary .summary-item .summary-label[data-v-5362ddd4]{margin-right:4px;color:#8394b5;font-size:12px}#centerRight1 .supplier-summary .summary-item .summary-value[data-v-5362ddd4]{color:#55f0dc;font-size:27px;font-weight:700;text-shadow:0 0 12px rgba(85,240,220,.45)}#centerRight1 .supplier-summary .summary-item .summary-unit[data-v-5362ddd4]{color:#a9b6cd;font-size:11px}#centerRight1 .supplier-summary .summary-item.pending .summary-value[data-v-5362ddd4]{color:#ffbc57;text-shadow:0 0 12px rgba(255,188,87,.4)}#centerRight1 .supplier-summary .summary-divider[data-v-5362ddd4]{width:1px;height:30px;background:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(rgba(86,209,226,.45)),to(transparent));background:linear-gradient(transparent,rgba(86,209,226,.45),transparent)}#centerRight1[data-v-5362ddd4] .supplier-count{color:#55f0dc;font-weight:700}#centerRight1[data-v-5362ddd4] .pending-count{display:inline-block;min-width:18px;color:#ffbd5b;font-weight:700;text-shadow:0 0 8px rgba(255,189,91,.45)}#center[data-v-4e3888ed]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#center .project-progress[data-v-4e3888ed],#center[data-v-4e3888ed]{width:100%;height:100%;min-height:300px;-webkit-box-sizing:border-box;box-sizing:border-box}#center .project-progress[data-v-4e3888ed]{padding:10px 12px}#center .project-progress .progress-title[data-v-4e3888ed]{height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#d7f5ff;font-size:15px}#center .project-progress .progress-title .text-icon[data-v-4e3888ed]{color:#03a9f4;margin-right:7px}#center .project-progress .progress-title .progress-update[data-v-4e3888ed]{margin-left:auto;color:#6e9eaf;font-size:11px}#center .project-progress .progress-kpis[data-v-4e3888ed]{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0 8px}#center .project-progress .progress-kpis .kpi[data-v-4e3888ed]{min-width:0;padding:8px 10px;border-left:2px solid rgba(79,170,207,.65);background:rgba(14,42,58,.55)}#center .project-progress .progress-kpis .kpi span[data-v-4e3888ed]{display:block;color:#7fa9b8;font-size:11px;white-space:nowrap}#center .project-progress .progress-kpis .kpi strong[data-v-4e3888ed]{color:#e1f8ff;font-size:24px;line-height:30px}#center .project-progress .progress-kpis .kpi strong.blue[data-v-4e3888ed]{color:#3fc0fb}#center .project-progress .progress-kpis .kpi strong.green[data-v-4e3888ed]{color:#00d6b9}#center .project-progress .progress-kpis .kpi strong.orange[data-v-4e3888ed]{color:#ffb454}#center .project-progress .progress-kpis .kpi em[data-v-4e3888ed]{color:#7195a4;font-size:11px;font-style:normal;margin-left:3px}#center .project-progress .progress-rings[data-v-4e3888ed]{height:145px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}#center .project-progress .progress-rings .progress-ring[data-v-4e3888ed]{width:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#a8d9e8;font-size:12px}#center .project-progress .progress-rings .progress-ring span[data-v-4e3888ed]{margin-top:-3px}#center .project-progress .progress-summary[data-v-4e3888ed]{border-top:1px solid rgba(102,190,220,.18);padding-top:9px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#center .project-progress .progress-summary .summary-item[data-v-4e3888ed]{width:49%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#center .project-progress .progress-summary .summary-item .summary-label[data-v-4e3888ed]{color:#8eb6c4;font-size:11px;white-space:nowrap}#center .project-progress .progress-summary .summary-item .summary-label .dot[data-v-4e3888ed]{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px}#center .project-progress .progress-summary .summary-item .summary-label .dot.complete[data-v-4e3888ed]{background:#03a9f4}#center .project-progress .progress-summary .summary-item .summary-label .dot.pending[data-v-4e3888ed]{background:#00d6b9}#center .project-progress .progress-summary .summary-item .summary-track[data-v-4e3888ed]{height:4px;margin:6px 0 3px;background:rgba(63,192,251,.14);border-radius:2px;overflow:hidden}#center .project-progress .progress-summary .summary-item .summary-track i[data-v-4e3888ed]{display:block;height:100%;background:#03a9f4;border-radius:2px}#center .project-progress .progress-summary .summary-item strong[data-v-4e3888ed]{color:#e1f8ff;font-size:19px;line-height:28px}#center .project-progress .progress-summary .summary-item strong em[data-v-4e3888ed]{color:#6e9eaf;font-size:11px;font-style:normal;margin-left:3px;white-space:nowrap}#bottomLeft[data-v-0fbd470b]{padding:20px 16px;height:520px;width:100%;border-radius:5px}#bottomLeft .bg-color-black[data-v-0fbd470b]{position:relative;overflow:hidden;height:485px;border-radius:10px;background:-webkit-gradient(linear,left top,left bottom,from(rgba(16,30,55,.94)),to(rgba(8,14,29,.96)));background:linear-gradient(180deg,rgba(16,30,55,.94),rgba(8,14,29,.96));-webkit-box-shadow:inset 0 0 28px rgba(37,157,210,.08);box-shadow:inset 0 0 28px rgba(37,157,210,.08)}#bottomLeft .bg-color-black[data-v-0fbd470b]:before{content:"";position:absolute;top:0;left:14px;right:14px;height:1px;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(#2ddcda),to(transparent));background:linear-gradient(90deg,transparent,#2ddcda,transparent);opacity:.75}#bottomLeft .text[data-v-0fbd470b]{color:#c3cbde}#bottomLeft .chart-box[data-v-0fbd470b]{margin-top:16px;width:170px;height:170px}#bottomLeft .chart-box .active-ring-name[data-v-0fbd470b]{padding-top:10px}.monitor-grid[data-v-cd571eaa]{width:100%;height:438px;padding:8px 12px 12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:9px}.monitor-tile[data-v-cd571eaa]{position:relative;min-width:0;min-height:0;overflow:hidden;border:1px solid rgba(48,167,205,.3);border-radius:4px;background-color:#07101e;-webkit-box-shadow:inset 0 0 24px rgba(25,137,184,.09);box-shadow:inset 0 0 24px rgba(25,137,184,.09)}.monitor-tile[data-v-cd571eaa]:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(66,178,209,.035) 1px,transparent 0),linear-gradient(90deg,rgba(66,178,209,.035) 1px,transparent 0);background-size:24px 24px}.monitor-tile.online[data-v-cd571eaa]{border-color:rgba(53,222,193,.42);-webkit-box-shadow:0 0 13px rgba(28,211,190,.09);box-shadow:0 0 13px rgba(28,211,190,.09)}.monitor-tile video[data-v-cd571eaa]{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;background:#050b15}.monitor-placeholder[data-v-cd571eaa]{position:absolute;inset:0;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;gap:10px;color:#61718d;font-size:12px}.monitor-placeholder .camera-symbol[data-v-cd571eaa]{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(65,198,221,.28);border-radius:50%;color:#4c9eb8;font-size:21px;-webkit-box-shadow:0 0 18px rgba(41,180,211,.1),inset 0 0 14px rgba(41,180,211,.08);box-shadow:0 0 18px rgba(41,180,211,.1),inset 0 0 14px rgba(41,180,211,.08)}.monitor-foot[data-v-cd571eaa],.monitor-head[data-v-cd571eaa]{position:absolute;z-index:2;left:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#dce8f7;background:rgba(5,13,27,.84);backdrop-filter:blur(2px)}.monitor-head[data-v-cd571eaa]{top:0;height:30px;padding:0 9px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid rgba(73,180,207,.16)}.camera-name[data-v-cd571eaa]{min-width:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;font-size:12px}.camera-name .camera-index[data-v-cd571eaa]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;color:#55d9e2;font-family:Consolas,monospace;font-size:10px}.camera-state[data-v-cd571eaa]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;color:#8290a9;font-size:10px}.camera-state .state-dot[data-v-cd571eaa]{width:6px;height:6px;border-radius:50%;background:#71809a}.camera-state.live[data-v-cd571eaa]{color:#5fe6c8}.camera-state.live .state-dot[data-v-cd571eaa]{background:#42e4bd;-webkit-box-shadow:0 0 8px #42e4bd;box-shadow:0 0 8px #42e4bd}.camera-state.fault[data-v-cd571eaa]{color:#ff7b6c}.camera-state.fault .state-dot[data-v-cd571eaa]{background:#ff6c5d;-webkit-box-shadow:0 0 8px rgba(255,108,93,.8);box-shadow:0 0 8px rgba(255,108,93,.8)}.monitor-foot[data-v-cd571eaa]{bottom:0;height:27px;padding:0 7px 0 9px;gap:9px;color:#7787a3;font-size:10px;border-top:1px solid rgba(73,180,207,.14)}.monitor-time[data-v-cd571eaa]{margin-left:auto;color:#9babc3;font-family:Consolas,monospace}.fullscreen-button[data-v-cd571eaa]{width:22px;height:22px;display:grid;place-items:center;border:0;color:#73cbd8;background:transparent;cursor:pointer;font-size:11px}.fullscreen-button[data-v-cd571eaa]:hover{color:#fff;background:rgba(77,205,220,.12)}.scan-line[data-v-cd571eaa]{position:absolute;z-index:1;left:0;right:0;top:30px;height:1px;pointer-events:none;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(rgba(59,226,217,.42)),to(transparent));background:linear-gradient(90deg,transparent,rgba(59,226,217,.42),transparent);-webkit-animation:scan-cd571eaa 4.5s linear infinite;animation:scan-cd571eaa 4.5s linear infinite}@-webkit-keyframes scan-cd571eaa{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(165px);transform:translateY(165px)}}@keyframes scan-cd571eaa{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(165px);transform:translateY(165px)}}#bottomRight[data-v-3d277e96]{padding:14px 16px;height:520px;width:100%;border-radius:5px}#bottomRight .bg-color-black[data-v-3d277e96]{position:relative;overflow:hidden;height:490px;border-radius:8px;background:-webkit-gradient(linear,left top,left bottom,from(rgba(12,27,49,.95)),to(rgba(6,14,28,.97)));background:linear-gradient(180deg,rgba(12,27,49,.95),rgba(6,14,28,.97));-webkit-box-shadow:inset 0 0 28px rgba(37,157,210,.07);box-shadow:inset 0 0 28px rgba(37,157,210,.07)}#bottomRight .bg-color-black[data-v-3d277e96]:before{content:"";position:absolute;z-index:2;top:0;left:14px;right:14px;height:1px;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(#2ddcda),to(transparent));background:linear-gradient(90deg,transparent,#2ddcda,transparent)}#bottomRight .monitor-title[data-v-3d277e96]{height:38px;padding:0 14px}#bottomRight .text[data-v-3d277e96]{color:#cbd8e8}#bottomRight .monitor-status[data-v-3d277e96]{margin-left:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;color:#8392ad;font-size:11px}#bottomRight .monitor-status .status-dot[data-v-3d277e96]{width:6px;height:6px;border-radius:50%;background:#66758e;-webkit-box-shadow:0 0 7px rgba(102,117,142,.6);box-shadow:0 0 7px rgba(102,117,142,.6)}#index[data-v-598a1168]{color:#d3d6dd;width:1920px;height:1080px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:left top;transform-origin:left top;overflow:hidden}#index .bg[data-v-598a1168]{width:100%;height:100%;padding:16px 16px 0 16px;background-image:url(../img/pageBg.f9f9dcd5.png);background-size:cover;background-position:50%}#index .host-body .dv-dec-10-s[data-v-598a1168],#index .host-body .dv-dec-10[data-v-598a1168]{width:33.3%;height:5px}#index .host-body .dv-dec-10-s[data-v-598a1168]{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}#index .host-body .dv-dec-8[data-v-598a1168]{width:200px;height:50px}#index .host-body .title[data-v-598a1168]{position:relative;width:500px;text-align:center;background-size:cover;background-repeat:no-repeat}#index .host-body .title .title-text[data-v-598a1168]{font-size:24px;position:absolute;bottom:0;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}#index .host-body .title .dv-dec-6[data-v-598a1168]{position:absolute;bottom:-30px;left:50%;width:250px;height:8px;-webkit-transform:translate(-50%);transform:translate(-50%)}#index .host-body .aside-width[data-v-598a1168]{width:40%}#index .host-body .react-l-s[data-v-598a1168],#index .host-body .react-r-s[data-v-598a1168]{background-color:#0f1325}#index .host-body .react-right.react-l-s[data-v-598a1168]{text-align:right;width:500px}#index .host-body .react-right[data-v-598a1168]{font-size:18px;width:300px;line-height:50px;text-align:center;-webkit-transform:skewX(-45deg);transform:skewX(-45deg)}#index .host-body .react-right .react-after[data-v-598a1168]{position:absolute;right:-25px;top:0;height:50px;width:50px;background-color:#0f1325;-webkit-transform:skewX(45deg);transform:skewX(45deg)}#index .host-body .react-right .text[data-v-598a1168]{display:inline-block;-webkit-transform:skewX(45deg);transform:skewX(45deg)}#index .host-body .react-left.react-l-s[data-v-598a1168]{width:500px;text-align:left}#index .host-body .react-left[data-v-598a1168]{font-size:18px;width:300px;height:50px;line-height:50px;text-align:center;-webkit-transform:skewX(45deg);transform:skewX(45deg);background-color:#0f1325}#index .host-body .react-left .react-left[data-v-598a1168]{position:absolute;left:-25px;top:0;height:50px;width:50px;background-color:#0f1325;-webkit-transform:skewX(-45deg);transform:skewX(-45deg)}#index .host-body .react-left .text[data-v-598a1168]{display:inline-block;-webkit-transform:skewX(-45deg);transform:skewX(-45deg)}#index .host-body .body-box[data-v-598a1168]{margin-top:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#index .host-body .body-box .content-box[data-v-598a1168]{display:grid;grid-template-columns:480px minmax(0,1fr) 500px}#index .host-body .body-box .bottom-box[data-v-598a1168]{margin-top:10px;display:grid;grid-template-columns:repeat(2,50%)}