@import url(https://fonts.googleapis.com/css2?family=Kanit&display=swap);#app[data-v-ff895cc8],body[data-v-ff895cc8],html[data-v-ff895cc8]{margin:0!important;padding:0!important;height:100vh}[data-v-ff895cc8]{box-sizing:border-box;font-family:Kanit,sans-serif}.avatar-uploader[data-v-ff895cc8],.avatar-uploader[data-v-ff895cc8] .el-upload{display:flex;justify-content:center;align-items:center}.avatar-uploader[data-v-ff895cc8] .el-upload{min-height:10rem;min-width:10rem;box-shadow:0 2px 12px 0 rgba(0,0,0,.2);border-radius:.4rem;transition:.5s}.avatar-uploader[data-v-ff895cc8] .el-upload:hover{background:#cecccc}.avatar-uploader[data-v-ff895cc8] .el-upload .el-icon-plus{font-size:2.25rem!important}.avatar[data-v-ff895cc8]{max-height:160px;max-width:160px}hr[data-v-ff895cc8]{border-top:#c4c4c4;margin-top:1rem;margin-bottom:1rem}.public-dashboard[data-v-ff895cc8]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:40px 40px 80px 40px;overflow-y:auto;overflow-x:hidden}.public-dashboard h2[data-v-ff895cc8]{color:#fff;font-size:48px;font-weight:700;margin-bottom:40px;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.2);letter-spacing:1px}.chart-section[data-v-ff895cc8]{background:#fff;padding:35px;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.15);border:1px solid hsla(0,0%,100%,.18)}.chart-section h3[data-v-ff895cc8]{color:#2c3e50;font-size:28px;font-weight:700;margin-bottom:25px}.dashboard-chart-container[data-v-ff895cc8]{height:550px;margin-top:20px;padding:25px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;box-shadow:inset 0 2px 8px rgba(0,0,0,.08);overflow:hidden}.dashboard-chart-container[data-v-ff895cc8] #costlineChart{max-height:500px!important;height:500px!important}.dashboard-chart-container[data-v-ff895cc8] canvas{max-height:500px!important}.mt-10[data-v-ff895cc8]{margin-top:40px}.no-data[data-v-ff895cc8]{display:flex;align-items:center;justify-content:center;height:300px;color:#999;font-size:24px;font-weight:500}.section-group[data-v-ff895cc8]{background:hsla(0,0%,100%,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;border:1px solid hsla(0,0%,100%,.15)}.section-header[data-v-ff895cc8]{margin-bottom:30px}.section-title[data-v-ff895cc8]{color:#fff;font-size:32px;font-weight:700;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.2);letter-spacing:.5px}.section-divider[data-v-ff895cc8]{height:3px;margin:50px 0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);border-radius:2px}.highlight-row[data-v-ff895cc8]{display:flex;gap:20px;margin-bottom:30px;flex-wrap:wrap}.total-order-highlight[data-v-ff895cc8]{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;background:linear-gradient(135deg,rgba(255,215,0,.2),rgba(255,165,0,.15));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:24px 36px;border-radius:16px;border:1px solid rgba(255,215,0,.35);box-shadow:0 4px 20px rgba(255,215,0,.15);position:relative;flex:1;min-width:300px}.total-order-highlight.premium[data-v-ff895cc8]{background:linear-gradient(135deg,rgba(0,200,255,.2),rgba(100,100,255,.15));border:1px solid rgba(0,200,255,.35);box-shadow:0 4px 20px rgba(0,200,255,.15)}.total-order-highlight.premium .total-order-value[data-v-ff895cc8]{color:#00e5ff;text-shadow:0 0 20px rgba(0,229,255,.5),2px 2px 4px rgba(0,0,0,.3)}.premium-bar[data-v-ff895cc8]{background:linear-gradient(90deg,#00e5ff,#2979ff)!important;box-shadow:0 0 10px rgba(0,229,255,.4)!important}.total-order-label[data-v-ff895cc8]{color:hsla(0,0%,100%,.9);font-size:22px;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.total-order-progress[data-v-ff895cc8]{display:flex;align-items:baseline;gap:4px}.total-order-value[data-v-ff895cc8]{color:gold;font-size:52px;font-weight:800;text-shadow:0 0 20px rgba(255,215,0,.5),2px 2px 4px rgba(0,0,0,.3);line-height:1}.total-order-separator[data-v-ff895cc8]{color:hsla(0,0%,100%,.5);font-size:36px;font-weight:300;margin:0 4px}.total-order-target[data-v-ff895cc8]{color:hsla(0,0%,100%,.7);font-size:36px;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.total-order-unit[data-v-ff895cc8]{color:hsla(0,0%,100%,.8);font-size:20px;font-weight:500}.total-order-bar[data-v-ff895cc8]{width:100%;height:8px;background:hsla(0,0%,100%,.15);border-radius:4px;overflow:hidden;margin-top:8px}.total-order-bar-fill[data-v-ff895cc8]{height:100%;background:linear-gradient(90deg,gold,#fa0);border-radius:4px;transition:width .6s ease;box-shadow:0 0 10px rgba(255,215,0,.4)}.courier-wrapper[data-v-ff895cc8]{margin-bottom:40px}.pickup-section[data-v-ff895cc8]{background:hsla(0,0%,100%,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:35px;border-radius:16px;border:1px solid hsla(0,0%,100%,.2)}.pickup-section h3[data-v-ff895cc8]{color:#fff;font-size:28px;font-weight:700;margin:0;text-shadow:1px 1px 3px rgba(0,0,0,.2)}.pickup-header[data-v-ff895cc8]{display:flex;align-items:center;gap:30px;margin-bottom:25px;flex-wrap:wrap}.pickup-summary[data-v-ff895cc8]{display:flex;align-items:center;gap:20px;background:hsla(0,0%,100%,.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:12px 28px;border-radius:50px;border:1px solid hsla(0,0%,100%,.3)}.pickup-summary-item[data-v-ff895cc8]{display:flex;align-items:baseline;gap:8px}.pickup-summary-item.forecast .pickup-summary-value[data-v-ff895cc8]{color:gold;text-shadow:0 0 10px rgba(255,215,0,.4)}.pickup-summary-label[data-v-ff895cc8]{color:hsla(0,0%,100%,.8);font-size:16px;font-weight:500}.pickup-summary-value[data-v-ff895cc8]{color:#fff;font-size:32px;font-weight:800;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.pickup-summary-unit[data-v-ff895cc8]{color:hsla(0,0%,100%,.8);font-size:16px;font-weight:500}.pickup-summary-divider[data-v-ff895cc8]{width:2px;height:30px;background:hsla(0,0%,100%,.3);border-radius:1px}.pickup-card[data-v-ff895cc8]{background:hsla(0,0%,100%,.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.25);transition:all .3s ease}.pickup-card[data-v-ff895cc8]:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgba(0,0,0,.2);background:hsla(0,0%,100%,.22)}.pickup-title[data-v-ff895cc8]{font-weight:600;font-size:18px;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.pickup-number[data-v-ff895cc8]{color:#fff;font-weight:700;margin-top:12px}.pickup-number .pickup-value[data-v-ff895cc8]{font-size:36px;transition:all .3s ease;display:inline-block;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.pickup-number .pickup-unit[data-v-ff895cc8]{font-size:20px;margin-left:8px;font-weight:500;opacity:.95}.pickup-number .value-updated[data-v-ff895cc8]{-webkit-animation:highlightPulse-ff895cc8 .6s ease;animation:highlightPulse-ff895cc8 .6s ease}.pickup-forecast[data-v-ff895cc8]{margin-top:6px;font-size:14px;font-weight:500;color:gold;opacity:.9;text-shadow:0 0 6px rgba(255,215,0,.3)}.mt-pickup-row[data-v-ff895cc8]{margin-top:20px}.item-wrapper[data-v-ff895cc8]{display:flex;gap:20px;flex-wrap:wrap}.item-wrapper .each-container[data-v-ff895cc8]{flex:1;min-width:200px}.color-card[data-v-ff895cc8]{background:linear-gradient(135deg,#667eea,#764ba2);border:none;transition:all .3s ease}.color-card[data-v-ff895cc8]:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgba(102,126,234,.4)}[data-v-ff895cc8] .el-card{border-radius:16px;border:none;overflow:hidden}[data-v-ff895cc8] .el-card__body{padding:24px}.courier-icon-image[data-v-ff895cc8]{width:2.5rem;height:2.5rem;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.report-title[data-v-ff895cc8]{font-weight:600;font-size:18px;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.report-courier-number[data-v-ff895cc8]{color:#fff;font-weight:700;margin-top:12px}.report-courier-number span[data-v-ff895cc8]{font-size:36px;transition:all .3s ease;display:inline-block;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.report-courier-number .unit-type[data-v-ff895cc8]{font-size:20px;margin-left:8px;font-weight:500;opacity:.95}.report-courier-number .value-updated[data-v-ff895cc8]{-webkit-animation:highlightPulse-ff895cc8 .6s ease;animation:highlightPulse-ff895cc8 .6s ease}@-webkit-keyframes highlightPulse-ff895cc8{0%{transform:scale(1);color:#fff}25%{transform:scale(1.2);color:gold;text-shadow:0 0 20px rgba(255,215,0,.8)}50%{transform:scale(1.15);color:gold}75%{transform:scale(1.1);color:#fff}to{transform:scale(1);color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.2)}}@keyframes highlightPulse-ff895cc8{0%{transform:scale(1);color:#fff}25%{transform:scale(1.2);color:gold;text-shadow:0 0 20px rgba(255,215,0,.8)}50%{transform:scale(1.15);color:gold}75%{transform:scale(1.1);color:#fff}to{transform:scale(1);color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.2)}}