.top-quantity[data-v-05c9d101]{width:100%;padding:10px;padding-bottom:20px;border-radius:10px;background-color:#fff}.title-section[data-v-05c9d101]{position:relative;display:inline-block}.title-section .title-bg[data-v-05c9d101]{width:250px;height:50px;-o-object-fit:contain;object-fit:contain}.title-section .title-text[data-v-05c9d101]{position:absolute;top:47%;left:27%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#093d97;font-weight:600;font-size:14px;white-space:nowrap;z-index:2}.quantity-wrapper[data-v-05c9d101]{position:relative;margin-top:10px}.nav-btn[data-v-05c9d101]{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:32px;height:72px;border:none;background:transparent;cursor:pointer;z-index:2;padding:0}.nav-icon[data-v-05c9d101]{width:32px;height:72px;-o-object-fit:contain;object-fit:contain}.flip[data-v-05c9d101]{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.nav-left[data-v-05c9d101]{left:-6px}.nav-right[data-v-05c9d101]{right:-6px}.cards-container[data-v-05c9d101]{overflow-x:auto;overflow-y:hidden;padding:2px 6px;scroll-behavior:smooth;width:95%;margin:0 auto}.cards-container[data-v-05c9d101]::-webkit-scrollbar{height:0}.cards[data-v-05c9d101]{margin-left:0;gap:26px;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.card[data-v-05c9d101],.cards[data-v-05c9d101]{display:-webkit-box;display:-ms-flexbox;display:flex}.card[data-v-05c9d101]{width:190px;height:80px;background:#fff;border-radius:10px;-webkit-box-shadow:0 0 10px hsla(0,0%,85.1%,.99607843);box-shadow:0 0 10px hsla(0,0%,85.1%,.99607843);padding:14px 16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.icon[data-v-05c9d101]{width:70px;height:70px;display:grid;place-items:center}.icon-inner[data-v-05c9d101]{width:60px;height:60px;-o-object-fit:contain;object-fit:contain}.content[data-v-05c9d101]{width:60%}.content .value[data-v-05c9d101]{color:#1a73e8;font-size:18px;font-weight:700;line-height:1;margin-bottom:6px}.content .label[data-v-05c9d101]{color:#777;font-size:12px}.left-pipe-diameter[data-v-3b1eae9e]{width:33%;height:550px;padding:10px;padding-bottom:20px;border-radius:10px;background-color:#fff}.header-row[data-v-3b1eae9e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.title-section[data-v-3b1eae9e]{position:relative;display:inline-block}.title-section .title-bg[data-v-3b1eae9e]{width:250px;height:50px;-o-object-fit:contain;object-fit:contain}.title-section .title-text[data-v-3b1eae9e]{position:absolute;top:47%;left:32%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#093d97;font-weight:600;font-size:14px;white-space:nowrap;z-index:2}.total-value[data-v-3b1eae9e]{font-size:24px;margin-right:10px;font-style:italic}.total-value .number[data-v-3b1eae9e]{font-weight:700;color:#0a8d97}.total-value .unit[data-v-3b1eae9e]{font-size:14px;font-weight:600;color:#92cbd7;margin-left:2px}.content-row[data-v-3b1eae9e]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;margin-top:10px;height:calc(100% - 70px)}.left-content[data-v-3b1eae9e],.right-content[data-v-3b1eae9e]{-webkit-box-flex:1;-ms-flex:1;flex:1;width:50%;border-radius:8px;padding:10px}.export-section[data-v-3b1eae9e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-bottom:10px}.export-btn[data-v-3b1eae9e]{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;width:32px;height:32px;background:transparent;border:none;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.export-btn[data-v-3b1eae9e]:hover{opacity:.7}.export-btn img[data-v-3b1eae9e]{width:22px;height:22px}.chart-container[data-v-3b1eae9e]{width:100%;height:calc(100% - 40px);min-height:400px}.custom-tooltip[data-v-3b1eae9e]{position:fixed;z-index:9999;pointer-events:none;background:#fff;border-radius:6px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.15);padding:0;max-width:200px}.tooltip-content[data-v-3b1eae9e]{padding:8px 12px}.tooltip-title[data-v-3b1eae9e]{font-weight:700;font-size:14px;color:#333;margin-bottom:4px}.tooltip-item[data-v-3b1eae9e]{font-size:12px;color:#666;line-height:1.4;margin-bottom:2px}.tooltip-item[data-v-3b1eae9e]:last-child{margin-bottom:0}.progress-list[data-v-3b1eae9e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;max-height:430px;overflow-y:auto;padding-right:5px}.progress-list[data-v-3b1eae9e]::-webkit-scrollbar{display:none}.progress-item[data-v-3b1eae9e]{background-color:#fffdf6;border-radius:6px;padding:8px 12px;-webkit-box-shadow:0 0 5px rgba(131,178,178,.19607843);box-shadow:0 0 5px rgba(131,178,178,.19607843)}.progress-content[data-v-3b1eae9e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.percentage[data-v-3b1eae9e]{color:#ff8c00;font-weight:600;font-size:14px;min-width:50px}.progress-bar[data-v-3b1eae9e]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:10px;border-radius:4px;overflow:hidden;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.progress-fill[data-v-3b1eae9e]{height:100%;background:-webkit-gradient(linear,left top,right top,color-stop(1%,#ffe99c),color-stop(99%,#f7710f));background:linear-gradient(90deg,#ffe99c 1%,#f7710f 99%);border-radius:4px;-webkit-transition:width .3s ease;transition:width .3s ease;-webkit-box-shadow:0 0 5px rgba(131,178,178,.19607843),0 0 2px 1px hsla(0,0%,100%,.99607843) inset;box-shadow:0 0 5px rgba(131,178,178,.19607843),inset 0 0 2px 1px hsla(0,0%,100%,.99607843)}.label[data-v-3b1eae9e]{color:#333;font-weight:500;font-size:14px;min-width:50px}.middle-remote[data-v-5b6e9544]{width:33%;height:550px;padding:10px;padding-bottom:20px;border-radius:10px;background-color:#fff}.header-row[data-v-5b6e9544]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.title-section[data-v-5b6e9544]{position:relative;display:inline-block}.title-section .title-bg[data-v-5b6e9544]{width:250px;height:50px;-o-object-fit:contain;object-fit:contain}.title-section .title-text[data-v-5b6e9544]{position:absolute;top:47%;left:40%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#093d97;font-weight:600;font-size:14px;white-space:nowrap;z-index:2}.total-value[data-v-5b6e9544]{font-size:24px;margin-right:10px;font-style:italic}.total-value .number[data-v-5b6e9544]{font-weight:700;color:#0a8d97}.total-value .unit[data-v-5b6e9544]{font-size:14px;font-weight:600;color:#92cbd7;margin-left:2px}.chart-container[data-v-5b6e9544]{width:100%;height:calc(100% - 70px);margin-top:10px}.chart[data-v-5b6e9544]{width:100%;height:100%}.right-valve[data-v-0582c12a]{width:33%;height:550px;padding:10px;padding-bottom:20px;border-radius:10px;background-color:#fff}.header-row[data-v-0582c12a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.title-section[data-v-0582c12a]{position:relative;display:inline-block}.title-section .title-bg[data-v-0582c12a]{width:250px;height:50px;-o-object-fit:contain;object-fit:contain}.title-section .title-text[data-v-0582c12a]{position:absolute;top:47%;left:27%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#093d97;font-weight:600;font-size:14px;white-space:nowrap;z-index:2}.total-value[data-v-0582c12a]{font-size:24px;margin-right:10px;font-style:italic}.total-value .number[data-v-0582c12a]{font-weight:700;color:#0a8d97}.total-value .unit[data-v-0582c12a]{font-size:14px;font-weight:600;color:#92cbd7;margin-left:2px}.progress-list[data-v-0582c12a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;max-height:430px;overflow-y:auto;padding-right:5px;margin-top:10px}.progress-list[data-v-0582c12a]::-webkit-scrollbar{display:none}.progress-item[data-v-0582c12a]{background-color:#f2f9ff;border-radius:6px;padding:8px 12px;-webkit-box-shadow:0 0 5px rgba(131,178,178,.19607843);box-shadow:0 0 5px rgba(131,178,178,.19607843)}.progress-content[data-v-0582c12a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.percentage[data-v-0582c12a]{color:#0085ff;font-weight:600;font-size:14px;min-width:50px}.progress-bar[data-v-0582c12a]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:10px;border-radius:4px;overflow:hidden;position:relative}.progress-fill[data-v-0582c12a]{height:100%;background:-webkit-gradient(linear,right top,left top,color-stop(1%,#9bfff8),color-stop(99%,#0085ff));background:linear-gradient(270deg,#9bfff8 1%,#0085ff 99%);border-radius:4px;-webkit-transition:width .3s ease;transition:width .3s ease;-webkit-box-shadow:0 0 5px rgba(131,178,178,.19607843),0 0 2px 1px hsla(0,0%,100%,.99607843) inset;box-shadow:0 0 5px rgba(131,178,178,.19607843),inset 0 0 2px 1px hsla(0,0%,100%,.99607843)}.label[data-v-0582c12a]{color:#333;font-weight:500;font-size:14px;min-width:50px}.custom-tooltip[data-v-0582c12a]{position:fixed;z-index:9999;pointer-events:none;background:#fff;border-radius:6px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.15);padding:0;max-width:200px}.tooltip-content[data-v-0582c12a]{padding:8px 12px}.tooltip-title[data-v-0582c12a]{font-weight:700;font-size:14px;color:#333;margin-bottom:4px}.tooltip-item[data-v-0582c12a]{font-size:12px;color:#666;line-height:1.4;margin-bottom:2px}.tooltip-item[data-v-0582c12a]:last-child{margin-bottom:0}.components-row[data-v-01e28c9a]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}