*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#fff;margin:0;padding:0;overflow:hidden}.page-wrapper{width:100%;height:100vh}.page-inner{width:100%;height:100%}.top-header{background-color:#26272b;border-bottom:1px solid #1c1c1c;box-shadow:0 2px 8px #0000001a;padding:10px 15px;position:fixed;top:0;left:0;right:0;z-index:1030;height:40px}.header-content{display:flex;align-items:center;justify-content:center;height:100%;position:relative}.header-left{display:flex;align-items:center;gap:15px}.logo{color:#fff;font-weight:700;font-size:16px;display:flex;align-items:center;gap:8px}.logo-icon{height:24px;width:auto}.logo-subtitle{color:#888;font-size:12px;font-weight:400;margin-left:-3px;margin-top:3px}.header-right{display:flex;align-items:center;position:absolute;right:15px;gap:15px}.notification-icon{position:relative;width:22px;height:22px;border-radius:50%;background-color:#f8f9fa;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.notification-icon:hover{background-color:#e9ecef}.notification-icon i{color:#6c757d;font-size:16px}.sidebar{position:fixed;top:40px;left:0;height:calc(100vh - 40px);width:50px;background-color:#26272b;transition:width .3s ease;overflow:hidden;z-index:1020}.sidebar:hover{width:200px;box-shadow:2px 0 10px #0000001a}.sidebar-menu{padding:0;margin:0;list-style:none}.lmenu-item{display:flex;align-items:center;padding:12px 10px;color:#6c757d;text-decoration:none;transition:all .2s ease;cursor:pointer;white-space:nowrap;border-left:3px solid transparent;font-size:14px}.lmenu-item:hover{background-color:#f8f9fa;color:#495057;text-decoration:none}.lmenu-item.active{background-color:#26272b;color:#fff;border-left-color:#1976d2;font-weight:600}.menu-icon{width:20px;margin-right:12px;text-align:center;flex-shrink:0}.menu-text{opacity:0;transition:opacity .2s ease .1s;font-weight:500}.sidebar:hover .menu-text{opacity:1}.submenu{list-style:none;padding:0;margin:0;background-color:#1e1f22;border-left:3px solid #1976d2}.submenu-item{display:flex;align-items:center;padding:10px 15px 10px 10px;color:#9ca3af;text-decoration:none;transition:all .2s ease;cursor:pointer;white-space:nowrap;font-size:13px;border-left:3px solid transparent}.submenu-item:hover{background-color:#374151;color:#fff;text-decoration:none}.submenu-item.active{background-color:#1976d2;color:#fff;font-weight:500}.submenu-icon{width:20px;margin-right:12px;text-align:center;flex-shrink:0;font-size:14px}.submenu-text{opacity:0;transition:opacity .2s ease .1s;font-weight:400}.sidebar:hover .submenu-text{opacity:1}.page-content-wrapper{margin-left:50px;margin-top:40px;width:calc(100% - 50px);height:calc(100vh - 40px)}.page-content{width:100%;height:100%;background-color:#fff;position:relative}.tab-menu-container{position:absolute;top:20px;left:20px;z-index:1000;display:flex;gap:10px;background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #00000026;padding:5px}.tab-btn{padding:3px 25px;font-size:13px;font-weight:600;color:#666;background-color:#fff;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;line-height:1.4;text-align:center;outline:none}.tab-sub{font-size:11px;font-weight:500;opacity:.8}.tab-btn:hover{background-color:#f0f0f0;color:#333}.tab-btn.active{background:linear-gradient(135deg,#4a89dc,#5c9fe8);color:#fff;font-weight:700;box-shadow:0 4px 8px #4a89dc4d}.tab-btn.active .tab-sub{opacity:.9}.layer-menu-container{position:absolute;top:20px;left:505px;z-index:1000}.layer-btn{width:40px;height:40px;background-color:#fff;border:none;border-radius:10px;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;outline:none}.layer-btn:hover{box-shadow:0 6px 16px #0003;transform:translateY(-2px)}.layer-icon{font-size:21px;color:#4a89dc}.layer-dropdown{position:relative;background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #00000026;min-width:250px;padding:10px;animation:slideDown .3s ease-out}.layer-header{display:flex;align-items:center;gap:6px;padding-bottom:8px}.layer-icon-header{font-size:17px;color:#4a89dc}.layer-header span{font-size:13px;font-weight:700;color:#333}.layer-divider{height:1px;background-color:#e0e0e0;margin-bottom:5px}.layer-items{display:flex;flex-direction:column;gap:5px}.layer-item{display:flex;align-items:center;gap:10px;cursor:pointer;padding:3px;border-radius:8px;transition:background-color .2s ease}.layer-item:hover{background-color:#f5f5f5}.layer-checkbox{width:17px;height:17px;border:2px solid #d0d0d0;border-radius:4px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;position:relative;transition:all .2s ease}.layer-checkbox:checked{background-color:#4a89dc;border-color:#4a89dc}.layer-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:700}.layer-label{font-size:13px;font-weight:500;color:#333;-webkit-user-select:none;user-select:none}.digital-twin-marker{position:absolute;z-index:1000;cursor:pointer;transition:all .3s ease}.digital-twin-marker i{font-size:48px;color:#4a89dc;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:all .3s ease}.digital-twin-marker:hover i{color:#5c9fe8;transform:scale(1.1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background-color:#fff;border-radius:10px;box-shadow:0 10px 40px #0000004d;width:981px;height:549px;overflow:hidden;position:relative;animation:slideUp .3s ease-out;display:flex;flex-direction:column;padding:0}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:2px;right:0;background:none;border:none;font-size:32px;color:#999;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;outline:none}.modal-close:hover{background-color:#f5f5f5;color:#333}.modal-header{padding:10px;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;gap:5px;margin:0;flex-shrink:0}.modal-header i{font-size:21px;color:#4a89dc}.modal-header h2{margin:0;font-size:15px;font-weight:700;color:#333}.modal-body{flex:1 1 0;overflow:hidden;display:flex;padding:0!important;margin:0!important;border-radius:0 0 10px 10px;line-height:0;min-height:0}.modal-body iframe{width:100%!important;height:100%!important;border:none!important;display:block!important;border-radius:0 0 10px 10px;margin:0!important;padding:0!important;flex:1;object-fit:cover}.modal-body video{width:100%!important;height:100%!important;border:none!important;display:block!important;border-radius:0 0 10px 10px;margin:0!important;padding:0!important;flex:1;object-fit:cover;background-color:#000}.user-profile-dropdown{position:relative;display:inline-block;z-index:2100}.dropdown-menu-fixed{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:180px;position:fixed;top:50px;right:20px;z-index:9999;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:12px 16px;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;border-radius:8px 8px 0 0;display:flex;align-items:center;gap:8px}.dropdown-header i{color:#6c757d;font-size:16px}.dropdown-header span{color:#495057;font-weight:600;font-size:14px}.dropdown-divider{height:1px;background-color:#e0e0e0;margin:4px 0}.dropdown-item{display:flex;align-items:center;gap:12px;padding:10px 16px;color:#495057;text-decoration:none;transition:background-color .2s ease;cursor:pointer}.dropdown-item:hover{background-color:#f8f9fa;color:#495057;text-decoration:none}.dropdown-item i{width:16px;font-size:14px;color:#6c757d}.dropdown-item span{font-size:14px;font-weight:500}.login-item{color:#28a745;border-radius:0 0 8px 8px}.login-item:hover{background-color:#d4edda;color:#28a745}.login-item i{color:#28a745}.vworld-container{position:relative;width:100%;height:100%}#vmap{width:100%;height:100%}.colorbar-legend{position:absolute;bottom:86px;left:11px;background:#fff;border-radius:8px;padding:12px 14px;box-shadow:0 4px 20px #00000026;z-index:1000}.colorbar-title{font-size:12px;font-weight:600;color:#333;text-align:center;margin-bottom:8px}.colorbar-content{display:flex;align-items:stretch;gap:8px}.colorbar-gradient{width:20px;height:200px;border-radius:3px;border:1px solid #cccccc}.colorbar-gradient.high-speed{background:linear-gradient(to bottom,red,#f40,#f80,#fc0,#ff0,#af0,#0f0,#0fa,#0ff,#08f,#00f)}.colorbar-gradient.precision{background:linear-gradient(to bottom,red,#f40,#f80,#fc0,#ff0,#cf6,#9f9,#6fc,#3ff,#cff,#fff)}.colorbar-labels{display:flex;flex-direction:column;justify-content:space-between;font-size:11px;color:#333;font-weight:500;padding:0 2px}.colorbar-label{line-height:1}#bottomControls,#pipeBottomControls{position:absolute;bottom:50px;left:50%;transform:translate(-50%);background:#fff;border-radius:10px;padding:7px 8px 10px;display:flex;flex-direction:column;align-items:center;gap:0;min-width:600px;box-shadow:0 4px 20px #00000026;z-index:1000}#controlsWrapper,#pipeControlsWrapper{display:flex;flex-direction:column;align-items:center;width:100%;gap:0px}#controlsRow,#pipeControlsRow{display:flex;flex-direction:row;align-items:center;gap:10px;width:100%}#timeDisplay,#pipeTimeDisplay{color:#333;font-family:Arial,sans-serif;font-size:13px;font-weight:600;text-align:center;white-space:nowrap}#trackContainer,#pipeTrackContainer{display:flex;align-items:center;flex:1;justify-content:center}#timeLabelContainer,#pipeTimeLabelContainer,.timeLabel{display:none}#sliderContainer,#pipeSliderContainer{width:100%;position:relative;height:8px;display:flex;align-items:center}#progressTrack,#pipeProgressTrack{position:absolute;top:50%;left:0;transform:translateY(-50%);height:8px;background:#4a89dc;border-radius:4px;width:0%;transition:none;pointer-events:none;z-index:1}#sliderContainer:before,#pipeSliderContainer:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;height:8px;background:#e0e0e0;border-radius:4px;z-index:0}#timeSlider,#pipeTimeSlider{position:absolute;top:13%;left:0;transform:translateY(-50%);width:100%;height:1px;background:transparent;border-radius:4px;outline:none;-webkit-appearance:none;cursor:pointer;z-index:2}#timeSlider::-webkit-slider-thumb,#pipeTimeSlider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:#4a89dc;border-radius:50%;cursor:pointer;border:2px solid white;box-shadow:0 2px 8px #0003;margin-top:0}#timeSlider::-moz-range-thumb,#pipeTimeSlider::-moz-range-thumb{width:16px;height:16px;background:#4a89dc;border-radius:50%;cursor:pointer;border:2px solid white;box-shadow:0 2px 8px #0003;margin-top:0}#timeSlider::-webkit-slider-runnable-track,#pipeTimeSlider::-webkit-slider-runnable-track{height:8px;background:transparent;border-radius:4px}#timeSlider::-moz-range-track,#pipeTimeSlider::-moz-range-track{height:8px;background:transparent;border-radius:4px;border:none}#buttonContainer,#pipeButtonContainer{display:flex;gap:8px;align-items:center}.controlBtn{background:#4a89dc;border:none;border-radius:50%;color:#fff;cursor:pointer;padding:0;font-size:11px;transition:all .2s ease;width:25px;height:25px;display:flex;align-items:center;justify-content:center;outline:none;box-shadow:0 2px 8px #4a89dc4d}.controlBtn:hover{background:#5c9fe8;box-shadow:0 4px 12px #4a89dc66}.controlBtn:active{transform:scale(.95)}.controlBtn:disabled{background:#ccc;color:#fff;cursor:not-allowed;box-shadow:none}#infoPanel{position:absolute;top:10px;right:10px;background:#2a2a2ae6;color:#fff;padding:10px 15px;border-radius:8px;font-family:Arial,sans-serif;font-size:12px;max-width:200px;z-index:1000}.status{margin-top:10px;padding:8px;background:#f0f0f0;border-radius:4px;font-size:12px}.layer-dropdown-container,.scenario-dropdown-container{position:absolute;top:80px;left:20px;z-index:1000}.scenario-dropdown{position:relative;background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #00000026;min-width:250px;padding:10px;animation:slideDown .3s ease-out}.scenario-header{display:flex;align-items:center;gap:6px;padding-bottom:8px}.scenario-icon-header{font-size:17px;color:#4a89dc}.scenario-header span{font-size:13px;font-weight:700;color:#333}.scenario-divider{height:1px;background-color:#e0e0e0;margin-bottom:5px}.scenario-items{display:flex;flex-direction:column;gap:5px}.scenario-item{display:flex;align-items:center;gap:10px;cursor:pointer;padding:3px;border-radius:8px;transition:background-color .2s ease}.scenario-item:hover{background-color:#f5f5f5}.scenario-checkbox{width:17px;height:17px;border:2px solid #d0d0d0;border-radius:4px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;position:relative;transition:all .2s ease;flex-shrink:0}.scenario-checkbox:checked{background-color:#4a89dc;border-color:#4a89dc}.scenario-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:700}.scenario-label{font-size:13px;font-weight:500;color:#333;-webkit-user-select:none;user-select:none}.scenario-radio{width:17px;height:17px;border:2px solid #d0d0d0;border-radius:50%;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;position:relative;transition:all .2s ease;flex-shrink:0}.scenario-radio:checked{background-color:#fff;border-color:#4a89dc}.scenario-radio:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:9px;height:9px;background-color:#4a89dc;border-radius:50%}.station-layer-container{position:absolute;bottom:40px;left:10px;z-index:1000;display:flex;align-items:center;gap:10px}.station-buttons-group{display:flex;align-items:center;gap:8px}.station-type-btn{font-size:12px!important;font-weight:600!important;padding:6px 12px!important;border-radius:8px!important;transition:all .3s ease!important;box-shadow:0 2px 8px #00000026!important;border:none!important;background:#fff!important;color:#333!important;cursor:pointer}.station-type-btn:hover{background:#f0f0f0!important;color:#333!important;transform:translateY(-2px);box-shadow:0 4px 12px #0003!important}.station-type-btn.active{background:#4a89dc!important;color:#fff!important;box-shadow:0 4px 12px #4a89dc66!important}.station-type-btn.active:hover{background:#5c9fe8!important}.station-popup{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:200px;max-width:280px;z-index:1000;font-family:Noto Sans KR,sans-serif}.station-popup-header{padding:10px 12px;background:linear-gradient(135deg,#4a89dc,#5c9fe8);border-radius:8px 8px 0 0;display:flex;justify-content:space-between;align-items:center}.station-popup-header h4{margin:0;font-size:14px;color:#fff;font-weight:600}.station-popup-close{background:none;border:none;font-size:16px;cursor:pointer;color:#fffc;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:color .2s}.station-popup-close:hover{color:#fff}.station-popup-content{padding:12px}.station-popup-item{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f0f0f0;font-size:12px}.station-popup-item:last-child{border-bottom:none}.station-popup-label{color:#666;font-weight:500}.station-popup-value{color:#333;font-weight:600}@media(max-width:600px){#bottomControls,#pipeBottomControls{min-width:90%;padding:12px 15px}#sliderContainer,#pipeSliderContainer,#timeLabelContainer,#pipeTimeLabelContainer{max-width:90%}.scenario-dropdown{min-width:90%}.station-layer-container{bottom:10px;left:10px}.station-type-btn{font-size:11px!important;padding:5px 10px!important}}.wl-data-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000}.wl-data-modal{width:95%;max-width:1200px;max-height:90vh;background:#1a1a1a;border-radius:8px;box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;overflow:hidden}.wl-data-header{display:flex;justify-content:space-between;align-items:center;padding:5px 20px;background:#2d2d2d;border-bottom:1px solid #444}.wl-data-header-left{display:flex;align-items:center;gap:8px}.wl-data-station-name{font-size:18px;font-weight:600;color:#fff}.wl-data-station-type{font-size:14px;color:#00aaff7f;font-weight:500}.wl-data-close-btn{font-size:24px;color:#fff;cursor:pointer;line-height:1;padding:0 5px;transition:color .2s}.wl-data-close-btn:hover{color:#ff5252}.wl-data-main{display:flex;flex:1;overflow:hidden}.wl-data-left{flex:1;display:flex;flex-direction:column;padding:15px 20px;border-right:1px solid #333;overflow-y:auto}.wl-data-right{width:280px;display:flex;flex-direction:column;background:#252525}.wl-data-values{display:flex;gap:15px;margin-bottom:15px}.wl-value-card{flex:1;background:#2d2d2d;padding:15px;border-radius:4px;border:1px solid #444;text-align:center}.wl-value-label{font-size:13px;color:#888;margin-bottom:8px}.wl-value-number{font-size:20px;font-weight:700;color:#00bcd4}.wl-data-options{margin-bottom:15px}.wl-options-row{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.wl-option-label{font-size:13px;color:#fff;font-weight:500}.wl-radio-label{display:flex;align-items:center;gap:4px;cursor:pointer;font-size:13px;color:#ccc}.wl-radio-label input[type=radio]{accent-color:#00bcd4;cursor:pointer}.wl-datetime-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.wl-options-row .wl-datetime-input:first-of-type{margin-left:auto}.wl-datetime-input{background:#333;border:1px solid #555;color:#fff;padding:3px 12px;border-radius:4px;font-size:13px;min-width:180px}.wl-datetime-input:focus{outline:none;border-color:#00bcd4}.wl-period-separator{color:#888;font-size:14px}.wl-search-btn{background:#00bcd4;border:none;color:#fff;padding:3px 20px;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.wl-search-btn:hover{background:#00acc1}.wl-data-chart-container{flex:1;min-height:350px;position:relative}#wlDataChart{width:100%;height:100%;min-height:350px}.wl-chart-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1a1a1ae6;z-index:10}.wl-chart-loading p{margin-top:10px;color:#888;font-size:13px}.wl-table-header{display:flex;justify-content:flex-end;padding:10px 15px;background:#2d2d2d}.wl-export-btn{background:#ff5252;border:none;color:#fff;padding:6px 16px;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.wl-export-btn:hover{background:#ff1744}.wl-data-table-container{flex:1;overflow-y:auto;background:#252525;position:relative}.wl-data-loading{position:absolute;top:0;left:0;right:0;bottom:0;background:#252525e6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}.wl-loading-spinner{width:40px;height:40px;border:3px solid #333;border-top:3px solid #00bcd4;border-radius:50%;animation:wl-spin 1s linear infinite;margin-bottom:12px}@keyframes wl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wl-data-loading p{color:#aaa;font-size:14px;margin:0}.wl-data-table{width:100%;border-collapse:collapse}.wl-data-table thead{background:#333;position:sticky;top:0;z-index:5}.wl-data-table th{padding:10px 12px;text-align:center;font-size:12px;font-weight:600;color:#888;border-bottom:1px solid #444}.wl-data-table td{padding:8px 12px;text-align:center;font-size:12px;color:#fff;border-bottom:1px solid #333}.wl-data-table tbody tr:hover{background:#333}.wl-data-table tbody tr:nth-child(odd){background:#2d2d2d}.wl-data-table tbody tr:nth-child(2n){background:#252525}.wl-no-data{text-align:center;padding:40px 20px;color:#888;font-size:14px}@media(max-width:900px){.wl-data-main{flex-direction:column}.wl-data-left{border-right:none;border-bottom:1px solid #333}.wl-data-right{width:100%;max-height:300px}.wl-data-chart-container,#wlDataChart{min-height:250px}}@media(max-width:600px){.wl-data-modal{width:98%;max-height:95vh}.wl-data-values{flex-direction:column;gap:8px}.wl-options-row{flex-direction:column;align-items:flex-start;gap:10px}.wl-datetime-row{flex-direction:column;align-items:stretch}.wl-datetime-input{width:100%;min-width:auto}.wl-search-btn{width:100%}.wl-data-station-name{font-size:16px}}.pm-data-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000}.pm-data-modal{width:95%;max-width:1200px;max-height:90vh;background:#1a1a1a;border-radius:8px;box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;overflow:hidden}.pm-data-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#2d2d2d;border-bottom:1px solid #444}.pm-data-header-left{display:flex;align-items:center;gap:8px}.pm-data-station-name{font-size:18px;font-weight:600;color:#fff}.pm-data-station-type{font-size:14px;color:#4caf50;font-weight:500}.pm-data-close-btn{font-size:24px;color:#fff;cursor:pointer;line-height:1;padding:0 5px;transition:color .2s}.pm-data-close-btn:hover{color:#ff5252}.pm-data-main{display:flex;flex:1;overflow:hidden}.pm-data-left{flex:1;display:flex;flex-direction:column;padding:15px 20px;border-right:1px solid #333;overflow-y:auto}.pm-data-right{width:320px;display:flex;flex-direction:column;background:#252525}.pm-data-values{display:flex;gap:15px;margin-bottom:15px;flex-wrap:wrap}.pm-value-card{flex:1;min-width:120px;background:#2d2d2d;padding:15px;border-radius:4px;border:1px solid #444;text-align:center}.pm-value-label{font-size:12px;color:#888;margin-bottom:8px}.pm-value-number{font-size:24px;font-weight:700;color:#4caf50}#pmMinOutwl,#pmMaxOutwl{color:#2196f3}.pm-data-options{margin-bottom:15px}.pm-options-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pm-option-label{font-size:13px;color:#fff;font-weight:500}.pm-radio-label{display:flex;align-items:center;gap:4px;cursor:pointer;font-size:13px;color:#ccc}.pm-radio-label input[type=radio]{accent-color:#4CAF50;cursor:pointer}.pm-options-row .pm-datetime-input:first-of-type{margin-left:auto}.pm-datetime-input{background:#333;border:1px solid #555;color:#fff;padding:8px 12px;border-radius:4px;font-size:13px;min-width:180px}.pm-datetime-input:focus{outline:none;border-color:#4caf50}.pm-period-separator{color:#888;font-size:14px}.pm-search-btn{background:#4caf50;border:none;color:#fff;padding:8px 20px;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.pm-search-btn:hover{background:#45a049}.pm-data-chart-container{flex:1;min-height:350px;position:relative}#pmDataChart{width:100%;height:100%;min-height:350px}.pm-chart-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1a1a1ae6;z-index:10}.pm-chart-loading p{margin-top:10px;color:#888;font-size:13px}.pm-table-header{display:flex;justify-content:flex-end;padding:10px 15px;background:#2d2d2d}.pm-export-btn{background:#ff5252;border:none;color:#fff;padding:6px 16px;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.pm-export-btn:hover{background:#ff1744}.pm-data-table-container{flex:1;overflow-y:auto;background:#252525;position:relative}.pm-data-loading{position:absolute;top:0;left:0;right:0;bottom:0;background:#252525e6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}.pm-loading-spinner{width:40px;height:40px;border:3px solid #333;border-top:3px solid #4CAF50;border-radius:50%;animation:pm-spin 1s linear infinite;margin-bottom:12px}@keyframes pm-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pm-data-loading p{color:#aaa;font-size:14px;margin:0}.pm-data-table{width:100%;border-collapse:collapse}.pm-data-table thead{background:#333;position:sticky;top:0;z-index:5}.pm-data-table th{padding:10px 8px;text-align:center;font-size:11px;font-weight:600;color:#888;border-bottom:1px solid #444}.pm-data-table td{padding:8px;text-align:center;font-size:11px;color:#fff;border-bottom:1px solid #333}.pm-data-table tbody tr:hover{background:#333}.pm-data-table tbody tr:nth-child(odd){background:#2d2d2d}.pm-data-table tbody tr:nth-child(2n){background:#252525}.pm-pump-on{color:#4caf50;font-weight:700}.pm-pump-off{color:#888}@media(max-width:900px){.pm-data-main{flex-direction:column}.pm-data-left{border-right:none;border-bottom:1px solid #333}.pm-data-right{width:100%;max-height:300px}}.sl-data-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000}.sl-data-modal{width:95%;max-width:1200px;max-height:90vh;background:#1a1a1a;border-radius:8px;box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;overflow:hidden}.sl-data-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#2d2d2d;border-bottom:1px solid #444}.sl-data-header-left{display:flex;align-items:center;gap:8px}.sl-data-station-name{font-size:18px;font-weight:600;color:#fff}.sl-data-station-type{font-size:14px;color:#ff9800;font-weight:500}.sl-data-close-btn{font-size:24px;color:#fff;cursor:pointer;line-height:1;padding:0 5px;transition:color .2s}.sl-data-close-btn:hover{color:#ff5252}.sl-data-main{display:flex;flex:1;overflow:hidden}.sl-data-left{flex:1;display:flex;flex-direction:column;padding:15px 20px;border-right:1px solid #333;overflow-y:auto}.sl-data-right{width:320px;display:flex;flex-direction:column;background:#252525}.sl-data-values{display:flex;gap:15px;margin-bottom:15px;flex-wrap:wrap}.sl-value-card{flex:1;min-width:120px;background:#2d2d2d;padding:15px;border-radius:4px;border:1px solid #444;text-align:center}.sl-value-label{font-size:12px;color:#888;margin-bottom:8px}.sl-value-number{font-size:24px;font-weight:700;color:#ff9800}.sl-data-options{margin-bottom:15px}.sl-options-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sl-option-label{font-size:13px;color:#fff;font-weight:500}.sl-radio-label{display:flex;align-items:center;gap:4px;cursor:pointer;font-size:13px;color:#ccc}.sl-radio-label input[type=radio]{accent-color:#FF9800;cursor:pointer}.sl-options-row .sl-datetime-input:first-of-type{margin-left:auto}.sl-datetime-input{background:#333;border:1px solid #555;color:#fff;padding:8px 12px;border-radius:4px;font-size:13px;min-width:180px}.sl-datetime-input:focus{outline:none;border-color:#ff9800}.sl-period-separator{color:#888;font-size:14px}.sl-search-btn{background:#ff9800;border:none;color:#fff;padding:8px 20px;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.sl-search-btn:hover{background:#f57c00}.sl-data-chart-container{flex:1;min-height:350px;position:relative}#slDataChart{width:100%;height:100%;min-height:350px}.sl-chart-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1a1a1ae6;z-index:10}.sl-chart-loading p{margin-top:10px;color:#888;font-size:13px}.sl-table-header{display:flex;justify-content:flex-end;padding:10px 15px;background:#2d2d2d}.sl-export-btn{background:#ff5252;border:none;color:#fff;padding:6px 16px;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.sl-export-btn:hover{background:#ff1744}.sl-data-table-container{flex:1;overflow-y:auto;background:#252525;position:relative}.sl-data-loading{position:absolute;top:0;left:0;right:0;bottom:0;background:#252525e6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}.sl-loading-spinner{width:40px;height:40px;border:3px solid #333;border-top:3px solid #FF9800;border-radius:50%;animation:sl-spin 1s linear infinite;margin-bottom:12px}@keyframes sl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sl-data-loading p{color:#aaa;font-size:14px;margin:0}.sl-data-table{width:100%;border-collapse:collapse}.sl-data-table thead{background:#333;position:sticky;top:0;z-index:5}.sl-data-table th{padding:10px 8px;text-align:center;font-size:11px;font-weight:600;color:#888;border-bottom:1px solid #444}.sl-data-table td{padding:8px;text-align:center;font-size:11px;color:#fff;border-bottom:1px solid #333}.sl-data-table tbody tr:hover{background:#333}.sl-data-table tbody tr:nth-child(odd){background:#2d2d2d}.sl-data-table tbody tr:nth-child(2n){background:#252525}.sl-no-data{color:#888;text-align:center;padding:20px}@media(max-width:900px){.sl-data-main{flex-direction:column}.sl-data-left{border-right:none;border-bottom:1px solid #333}.sl-data-right{width:100%;max-height:300px}}.content-page{width:100%;height:100%;display:none}.content-page.active{display:flex;flex-direction:column}.data-query-container{width:100%;flex:1;background-color:#fff;display:flex;flex-direction:column;overflow:hidden;padding:20px;min-height:0}.dq-page-header{background-color:#f8f9fa;padding:12px 20px;border-bottom:1px solid #e9ecef;border-radius:6px 6px 0 0;flex-shrink:0}.dq-page-title{margin:0;font-size:16px;font-weight:600;color:#495057;display:flex;align-items:center;gap:8px}.dq-page-title i{color:#4a9eff}.dq-filter-section{background-color:#f8f9fa;border-radius:0 0 6px 6px;padding:15px 20px;flex-shrink:0;margin-bottom:15px}.dq-filter-row{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.dq-filter-fields{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.dq-filter-actions{display:flex;align-items:center;margin-left:auto}.dq-filter-field{display:flex;align-items:center;gap:8px}.dq-filter-field label{font-size:13px;font-weight:500;color:#495057;white-space:nowrap}.dq-filter-field select,.dq-filter-field input{padding:6px 12px;border:1px solid #ced4da;border-radius:4px;font-size:13px;background-color:#fff;height:30px;min-width:150px;outline:none;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.dq-filter-field select:focus,.dq-filter-field input:focus{border-color:#4a9eff;box-shadow:0 0 0 .2rem #4a9eff40}.dq-filter-field select:disabled,.dq-filter-field input:disabled{background-color:#e9ecef;cursor:not-allowed}.dq-search-btn{background-color:#4a9eff;color:#fff;border:none;padding:6px 20px;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background-color .2s;height:30px;white-space:nowrap}.dq-search-btn:hover:not(:disabled){background-color:#3d8ae0}.dq-search-btn:disabled{background-color:#6c757d;cursor:not-allowed}.dq-results-section{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.dq-chart-table-container{display:flex;gap:15px;height:100%;min-height:0}.dq-chart-section{flex:3;background-color:#fff;border:1px solid #e9ecef;border-radius:6px;padding:15px;display:flex;flex-direction:column;overflow:hidden;min-height:0}.dq-table-section{flex:1;background-color:#fff;border:1px solid #e9ecef;border-radius:6px;padding:15px;display:flex;flex-direction:column;overflow:hidden;min-height:0;max-width:400px}.dq-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex-shrink:0}.dq-section-title{font-size:14px;font-weight:600;color:#495057;margin:0}.dq-chart-actions,.dq-table-actions{display:flex;gap:8px}.dq-action-btn{background-color:#4a9eff;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:4px;transition:background-color .2s;height:30px;white-space:nowrap}.dq-action-btn:hover:not(:disabled){background-color:#3d8ae0}.dq-export-btn{background-color:#28a745}.dq-export-btn:hover:not(:disabled){background-color:#218838}.dq-chart-export-btn{background-color:#17a2b8}.dq-chart-export-btn:hover:not(:disabled){background-color:#138496}.dq-chart-container{flex:1;min-height:300px;width:100%;height:calc(100% - 40px)}.dq-table-container{flex:1;overflow-y:auto;border:1px solid #e9ecef;border-radius:4px}.dq-data-table{width:100%;border-collapse:collapse;font-size:12px}.dq-data-table thead{background-color:#f8f9fa;position:sticky;top:0;z-index:5}.dq-data-table th{padding:10px 12px;text-align:center;font-size:12px;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6;white-space:nowrap}.dq-data-table td{padding:8px 12px;text-align:center;color:#495057;border-bottom:1px solid #e9ecef}.dq-data-table tbody tr:hover{background-color:#f1f3f4}.dq-data-table tbody tr:nth-child(odd){background-color:#fff}.dq-data-table tbody tr:nth-child(2n){background-color:#f8f9fa}.dq-pagination{display:flex;justify-content:center;align-items:center;gap:15px;padding:10px 0;flex-shrink:0}.dq-page-btn{background-color:#4a9eff;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;transition:background-color .2s;height:30px}.dq-page-btn:hover:not(:disabled){background-color:#3d8ae0}.dq-page-btn:disabled{background-color:#ccc;cursor:not-allowed}.dq-page-info{font-size:13px;color:#495057;font-weight:500}.dq-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:#6c757d;font-size:16px;background-color:#f8f9fa;border-radius:6px;flex:1}.dq-no-data i{font-size:48px;margin-bottom:15px;opacity:.5}.dq-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:#6c757d;font-size:16px;background-color:#f8f9fa;border-radius:6px;flex:1;gap:15px}.dq-loading-spinner{width:40px;height:40px;border:4px solid #e9ecef;border-top:4px solid #4A9EFF;border-radius:50%;animation:dq-spin 1s linear infinite}@keyframes dq-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1200px){.dq-chart-table-container{flex-direction:column}.dq-chart-section,.dq-table-section{flex:none;height:400px}}@media(max-width:768px){.dq-filter-row,.dq-filter-fields{flex-direction:column;align-items:stretch;gap:10px}.dq-filter-actions{margin-left:0;width:100%}.dq-filter-field{flex-direction:column;align-items:stretch}.dq-filter-field select,.dq-filter-field input{width:100%}.dq-search-btn{width:100%;justify-content:center}.data-query-container{padding:10px}}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.loading-content{background:#fff;padding:40px 60px;border-radius:16px;text-align:center;box-shadow:0 10px 40px #0000004d;min-width:280px}.loading-spinner{width:60px;height:60px;border:4px solid #e0e0e0;border-top-color:#2196f3;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:16px;color:#333;margin-bottom:12px;font-weight:500}.loading-progress{font-size:28px;font-weight:700;color:#2196f3;margin-bottom:16px}.loading-bar-container{width:100%;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}.loading-bar{height:100%;background:linear-gradient(90deg,#2196f3,#21cbf3);width:0%;transition:width .2s ease;border-radius:4px}.wt-data-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000}.wt-data-modal{background:#1a1a1a;border-radius:8px;width:95%;max-width:1100px;height:85vh;max-height:700px;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000080;overflow:hidden}.wt-data-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#252525;border-bottom:1px solid #333}.wt-data-header-left{display:flex;align-items:center;gap:10px}.wt-data-station-name{font-size:16px;font-weight:600;color:#fff}.wt-data-station-type{font-size:12px;color:#888}.wt-data-header-right{display:flex;align-items:center}.wt-data-close-btn{font-size:24px;color:#888;cursor:pointer;transition:color .2s;line-height:1}.wt-data-close-btn:hover{color:#fff}.wt-data-main{display:flex;flex:1;overflow:hidden}.wt-data-left{flex:1;display:flex;flex-direction:column;padding:15px;border-right:1px solid #333;overflow:hidden}.wt-data-right{width:280px;display:flex;flex-direction:column;background:#1e1e1e}.wt-data-values{display:flex;gap:15px;margin-bottom:15px}.wt-value-card{flex:1;background:#252525;border-radius:6px;padding:12px 15px;text-align:center;border:1px solid #333}.wt-value-label{font-size:11px;color:#888;margin-bottom:5px}.wt-value-number{font-size:24px;font-weight:700;color:#4fc3f7}.wt-data-options{margin-bottom:15px}.wt-options-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.wt-option-label{font-size:13px;color:#fff;font-weight:500}.wt-radio-label{display:flex;align-items:center;gap:4px;cursor:pointer;font-size:13px;color:#ccc}.wt-radio-label input[type=radio]{accent-color:#4FC3F7;cursor:pointer}.wt-options-row .wt-datetime-input:first-of-type{margin-left:auto}.wt-datetime-input{background:#333;border:1px solid #555;color:#fff;padding:8px 12px;border-radius:4px;font-size:13px;min-width:180px}.wt-datetime-input:focus{outline:none;border-color:#4fc3f7}.wt-period-separator{color:#888;font-size:14px}.wt-search-btn{background:#4fc3f7;border:none;color:#000;padding:8px 20px;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.wt-search-btn:hover{background:#29b6f6}.wt-data-chart-container{flex:1;min-height:350px;position:relative}#wtDataChart{width:100%;height:100%;min-height:350px}.wt-chart-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1a1a1ae6;z-index:10}.wt-chart-loading p{margin-top:10px;color:#888;font-size:13px}.wt-table-header{display:flex;justify-content:flex-end;padding:10px 15px;background:#2d2d2d}.wt-export-btn{background:#ff5252;border:none;color:#fff;padding:6px 16px;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.wt-export-btn:hover{background:#ff1744}.wt-data-table-container{flex:1;overflow-y:auto;background:#252525;position:relative}.wt-data-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#252525f2;z-index:10}.wt-loading-spinner{width:32px;height:32px;border:3px solid #333333;border-top-color:#4fc3f7;border-radius:50%;animation:spin 1s linear infinite}.wt-data-loading p{color:#aaa;font-size:14px;margin:0}.wt-data-table{width:100%;border-collapse:collapse}.wt-data-table thead{background:#333;position:sticky;top:0;z-index:5}.wt-data-table th{padding:10px 12px;text-align:center;font-size:12px;font-weight:600;color:#888;border-bottom:1px solid #444}.wt-data-table td{padding:8px 12px;text-align:center;font-size:12px;color:#fff;border-bottom:1px solid #333}.wt-data-table tbody tr:hover{background:#333}.wt-data-table tbody tr:nth-child(odd){background:#2d2d2d}.wt-data-table tbody tr:nth-child(2n){background:#252525}.wt-no-data{text-align:center;padding:40px 20px;color:#888;font-size:14px}@media(max-width:900px){.wt-data-main{flex-direction:column}.wt-data-left{border-right:none;border-bottom:1px solid #333}.wt-data-right{width:100%;max-height:300px}.wt-data-chart-container,#wtDataChart{min-height:250px}}@media(max-width:600px){.wt-data-modal{width:98%;max-height:95vh}.wt-data-values{flex-direction:column;gap:8px}.wt-options-row{flex-direction:column;align-items:flex-start;gap:10px}}.hp-popup{position:absolute;z-index:1000;background:#1e293b;color:#e2e8f0;padding:0;border-radius:10px;pointer-events:auto;white-space:nowrap;border:1px solid #334155;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #00000080;font-size:12.5px;line-height:1.6;min-width:280px}.hp-popup-header{background:linear-gradient(135deg,#334155,#1e293b);padding:10px 16px;border-radius:10px 10px 0 0;border-bottom:1px solid #334155;display:flex;align-items:baseline;gap:8px;cursor:move;-webkit-user-select:none;user-select:none}.hp-popup-close{margin-left:auto;background:none;border:none;color:#94a3b8;font-size:16px;cursor:pointer;padding:0 2px;line-height:1}.hp-popup-close:hover{color:#f8fafc}.hp-bld-name{font-size:14px;font-weight:700;color:#f8fafc}.hp-bld-sub{font-size:11px;color:#94a3b8}.hp-popup-body{padding:6px 0}.hp-popup-section{padding:6px 16px}.hp-popup-section+.hp-popup-section{border-top:1px solid #334155}.hp-popup-section-label{font-size:10px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.hp-popup-row{display:flex;justify-content:space-between;padding:2px 0}.hp-popup-key{color:#94a3b8}.hp-popup-val{color:#e2e8f0;font-family:Consolas,monospace;text-align:right}.hp-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:13px;font-weight:700}.hp-badge-danger{background:#e61a1a33;color:#e61a1a}.hp-badge-warning{background:#ff800033;color:#ff8000}.hp-badge-info{background:#ff33;color:#ff3}.hp-badge-success{background:#6c63;color:#6c6}.hp-badge-low{background:#3380e633;color:#3380e6}.hp-tag{display:inline-block;padding:1px 6px;border-radius:3px;font-size:11px;font-weight:600}.hp-tag-danger{background:#dc2626;color:#fff}.hp-tag-warning{background:#d97706;color:#fff}.hp-tag-low{background:#2563eb;color:#fff}.hp-tag-vlow{background:#16a34a;color:#fff}.colorbar-gradient.hp-damage{background:linear-gradient(to bottom,#e61a1a,#ff8000,#ff3,#6c6,#3380e6)}