.monitor-page[data-v-2f9dac4e]{height:100%;display:flex;flex-direction:column;overflow:hidden}.toolbar[data-v-2f9dac4e]{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;flex-shrink:0}.toolbar-left[data-v-2f9dac4e]{display:flex;align-items:center;gap:10px}.toolbar-left[data-v-2f9dac4e] .el-tabs .el-tabs__header{margin:0;border-bottom:none}.toolbar-left[data-v-2f9dac4e] .el-tabs .el-tabs__nav-wrap:after{display:none}.toolbar-left[data-v-2f9dac4e] .el-tabs .el-tabs__item{height:32px;line-height:32px;padding:0 16px;color:#7e8fa6;border-color:rgba(64,158,255,.12)!important;background:transparent}.toolbar-left[data-v-2f9dac4e] .el-tabs .el-tabs__item.is-active{color:#409eff;background:rgba(64,158,255,.1);border-color:#409eff!important}.toolbar-left[data-v-2f9dac4e] .el-tabs .el-tabs__item:hover{color:#5cb3ff}.toolbar-left[data-v-2f9dac4e] .el-tabs .el-tabs__nav{border-color:rgba(64,158,255,.12)!important}.toolbar-label[data-v-2f9dac4e]{font-size:15px;color:#7e8fa6}.unit-readonly[data-v-2f9dac4e]{font-size:15px;color:#e4eaf2;padding:0 6px}.toolbar-right[data-v-2f9dac4e]{display:flex;align-items:center;gap:8px;font-size:14px;color:#7e8fa6}.stats-bar[data-v-2f9dac4e]{display:flex;gap:20px;margin:0 24px 20px;padding:20px 28px;background:rgba(14,30,53,.88);border:1px solid rgba(64,158,255,.12);border-radius:10px;flex-shrink:0}.stat-item[data-v-2f9dac4e]{flex:1;text-align:center}.stat-value[data-v-2f9dac4e]{display:block;font-size:36px;font-weight:800;font-family:Consolas,Monaco,monospace;line-height:1.2}.stat-value.total[data-v-2f9dac4e]{color:#e4eaf2}.stat-value.online[data-v-2f9dac4e]{color:#67c23a}.stat-value.accent[data-v-2f9dac4e]{color:#409eff}.stat-value.danger[data-v-2f9dac4e]{color:#f56c6c}.stat-value.success[data-v-2f9dac4e]{color:#67c23a}.stat-label[data-v-2f9dac4e]{display:block;font-size:14px;color:#7e8fa6;margin-top:6px}.road-list[data-v-2f9dac4e]{flex:1;overflow-y:auto;padding:0 24px 24px}.road-cards[data-v-2f9dac4e]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.road-card[data-v-2f9dac4e]{background:rgba(14,30,53,.88);border:1px solid rgba(64,158,255,.12);border-radius:10px;padding:18px 20px;cursor:pointer;transition:all .25s}.road-card[data-v-2f9dac4e]:hover{border-color:rgba(64,158,255,.35);box-shadow:0 0 20px rgba(64,158,255,.15);transform:translateY(-2px)}.road-card.has-alert[data-v-2f9dac4e]{border-color:rgba(245,108,108,.3);animation:alertPulse-2f9dac4e 2s infinite}@keyframes alertPulse-2f9dac4e{0%,to{box-shadow:0 0 0 0 rgba(245,108,108,0)}50%{box-shadow:0 0 12px 2px rgba(245,108,108,.2)}}.card-head[data-v-2f9dac4e]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-road-name[data-v-2f9dac4e]{font-size:16px;font-weight:700;color:#e4eaf2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-unit[data-v-2f9dac4e]{font-size:12px;color:#4a5568;padding:2px 8px;background:hsla(0,0%,100%,.05);border-radius:4px;flex-shrink:0}.card-tags[data-v-2f9dac4e]{display:flex;gap:8px;margin-bottom:14px}.tag[data-v-2f9dac4e]{padding:3px 10px;border-radius:4px;font-size:12px;font-weight:500}.tag.tag-slope[data-v-2f9dac4e]{background:rgba(230,162,60,.12);color:#e6a23c}.tag.tag-water[data-v-2f9dac4e]{background:rgba(64,158,255,.12);color:#409eff}.card-stats[data-v-2f9dac4e]{display:flex;gap:16px;padding:14px 0;border-top:1px solid hsla(0,0%,100%,.05);border-bottom:1px solid hsla(0,0%,100%,.05)}.stat-col[data-v-2f9dac4e]{flex:1;text-align:center}.col-val[data-v-2f9dac4e]{display:block;font-size:24px;font-weight:700;color:#e4eaf2;font-family:Consolas,Monaco,monospace}.online .col-val[data-v-2f9dac4e]{color:#67c23a}.offline .col-val[data-v-2f9dac4e]{color:#f56c6c}.col-label[data-v-2f9dac4e]{display:block;font-size:12px;color:#4a5568;margin-top:4px}.card-alert[data-v-2f9dac4e]{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:13px;color:#7e8fa6}.card-alert i[data-v-2f9dac4e]{font-size:14px}.card-alert.alert-active[data-v-2f9dac4e]{color:#f56c6c;font-weight:600}.card-alert.alert-active i[data-v-2f9dac4e]{color:#f56c6c}.no-data[data-v-2f9dac4e]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 0;color:#4a5568}.no-data i[data-v-2f9dac4e]{font-size:48px;margin-bottom:14px;opacity:.3}.no-data p[data-v-2f9dac4e]{font-size:15px}