:root{font-family:Arial,Microsoft YaHei,PingFang SC,sans-serif;color:#e5ebfa;background:#202329;font-synthesis:none;--blue:#8da5ff;--muted:#9ea9bf;--line:#b4c7ff24}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden}button,input{font:inherit}button{color:inherit;cursor:pointer;background:none;border:0}button:focus-visible,input:focus-visible,tr:focus-visible{outline:2px solid #a9c0ff;outline-offset:3px}button:disabled{opacity:.4;cursor:default}button:hover{color:#b7caff}button svg{flex-shrink:0}button{transition:background .18s,color .18s}small{font-size:11px}h2,h3,h4,p{margin:0}.app{height:100%;position:relative;isolation:isolate}.scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;touch-action:none}.scene canvas{display:block}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background:linear-gradient(90deg,#070b129e,#070b1260 25%,transparent 38%,transparent 60%,#070b1260 75%,#070b129e),linear-gradient(0deg,#060a1460,transparent 17%,transparent 82%,#05070b66)}.topbar{position:absolute;top:0;left:0;right:0;height:51px;display:flex;align-items:flex-start;justify-content:flex-start;z-index:15;background:linear-gradient(180deg,#090d1775,transparent)}.brand{height:50px;display:flex;align-items:center;gap:18px;padding:0 29px 0 20px;background:linear-gradient(0deg,#233f804d,#151c2922);border-bottom:1px solid #748eff77;border-radius:0 0 20px;position:relative;white-space:nowrap;text-shadow:0 0 7px #8baeff88}.brand strong{font-size:18px;font-weight:650;letter-spacing:2px}.brand span{font-size:17px;letter-spacing:1.3px;border-left:1px solid #e5ebfa44;padding-left:17px;font-weight:600}.view-tabs{display:flex;height:50px;padding:0 30px 0 10px;border-bottom:1px solid #748eff66;border-radius:0 0 23px;background:linear-gradient(0deg,#26376270,transparent)}.view-tabs button{width:88px;font-size:14px;color:#a7adbd;text-shadow:0 0 5px #a2bcff77;position:relative}.view-tabs button.selected{color:#fff;font-weight:600;background:linear-gradient(0deg,#5272bc33,transparent)}.view-tabs button.selected:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:2px;background:#a8c1ff;box-shadow:0 0 10px 3px #809eff88}.toolbar{margin-left:auto;display:flex;align-items:center;gap:15px;height:47px;padding:0 21px}.icon-button{width:30px;height:32px;display:inline-flex;align-items:center;justify-content:center;opacity:.88;border-radius:4px;padding:0;flex-shrink:0}.icon-button:hover,.icon-button.active{background:#8ba8ff22;color:#b7cdff;opacity:1}.demo-tag{font-size:10px;color:#c3cde2;border:1px solid #90a8dc44;padding:4px 7px;border-radius:3px;white-space:nowrap;letter-spacing:.4px}.dashboard{position:absolute;top:65px;bottom:15px;width:30.2%;max-width:430px;overflow:auto;scrollbar-width:thin;scrollbar-color:#a5bbf91f transparent;padding:0 4px;z-index:3;-webkit-mask-image:linear-gradient(to bottom,#000 99%,transparent);mask-image:linear-gradient(to bottom,#000 99%,transparent)}.left-dashboard{left:16px}.right-dashboard{right:16px;width:32%}.chart-panel{margin-bottom:25px;min-width:0}.chart-panel h2{font-size:14px;font-weight:500;line-height:24px;margin:8px 0 17px;text-shadow:0 0 8px #a0baff80}.left-dashboard .chart-panel:first-child{margin-bottom:33px}.left-dashboard .chart-panel:first-child h2{margin-bottom:0}.right-dashboard .chart-panel{margin-bottom:28px}.right-dashboard .chart-panel h2{margin-bottom:18px}.power-summary{display:flex;gap:17px;justify-content:center;align-items:center;position:relative;margin-top:0;color:#b7bac1;font-size:11px;white-space:nowrap}.power-summary b{font-size:20px;color:#fff;font-weight:500}.power-summary em{position:absolute;top:-38px;font-size:10px;color:#c3c9d8;letter-spacing:2px;font-style:normal}.climate-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px 12px;padding:0 4px}.climate-metric{display:flex;gap:9px;align-items:center;white-space:nowrap}.climate-metric svg{filter:drop-shadow(0 0 4px #819aff);flex-shrink:0}.water{color:#7c9dff;fill:#7c9dff55}.temp{color:#eab177}.t2{color:#a1d49a}.t4{color:#86d9ce}.climate-metric small{display:block;color:#bdc5d1;margin-bottom:3px}.climate-metric label{font-size:9px;color:#b8bcca;margin:0 3px 0 0}.climate-metric b{font-weight:500;font-size:17px;color:#fff}.climate-metric em{font-style:normal;font-size:11px;margin:0 7px 0 1px}.alarm-table{width:100%;border-collapse:collapse;font-size:10px;text-align:left;white-space:nowrap;color:#c9d2e3}.alarm-table th{font-weight:400;color:#a0acc1;background:#96b1ff13;padding:8px 6px}.alarm-table td{padding:11px 5px;border-bottom:1px solid #ffffff0c;font-size:10px}.alarm-table tr{cursor:pointer}.alarm-table tbody tr:hover{background:#829dff20}.alarm-level{color:#efb282}.normal{color:#81dbb3!important}.warning{color:#efb875!important}.alarm-summary{display:flex;gap:7px;font-size:12px;align-items:center;margin-bottom:12px;color:#ebc394}.alarm-summary small{margin-left:auto;color:#9faec3}.warn-dot,.pulse-dot{width:6px;height:6px;border-radius:50%;background:#eab77a;box-shadow:0 0 8px #f0b16d88}.big-metrics{display:flex;gap:35px;font-size:24px}.big-metrics span{display:flex;align-items:center;gap:8px}.big-metrics svg{color:#86a5ff}.bottom-nav{position:absolute;bottom:10px;left:50%;transform:translate(-50%);height:50px;padding:7px 18px 0;display:flex;align-items:center;background:linear-gradient(0deg,#28428299,#93adff22);border:1px solid #97b6ef44;border-bottom:none;border-radius:25px 25px 0 0;z-index:15;box-shadow:0 -4px 20px #89a4ff15}.bottom-nav button{height:36px;width:106px;font-size:14px;white-space:nowrap;color:#9faed1;text-shadow:0 0 6px #a8baff44}.bottom-nav button.active{color:#f3f6ff;font-weight:600;background:linear-gradient(0deg,#5a84e755,transparent);border-bottom:1px solid #9bb4fa;border-radius:8px 8px 0 0;box-shadow:0 0 10px #8ea5fc1c}.scene-hint{position:absolute;bottom:13px;left:19px;font-size:10px;color:#bec9e0a8;letter-spacing:.25px;pointer-events:none;max-width:30%}.scene-hint span{display:block;font-size:9px;opacity:.65;margin-top:4px}.data-live{position:absolute;right:20px;bottom:20px;z-index:7;color:#b7c3d6;font-size:10px}.data-live button{display:flex;gap:6px;align-items:center;padding:6px;background:#141d2a55;border-radius:4px}.live-dot{height:5px;width:5px;background:#80dbb4;border-radius:50%;box-shadow:0 0 6px #80dbb4}.scene-tools{position:absolute;right:calc(32% + 32px);bottom:86px;display:flex;flex-direction:column;align-items:center;gap:5px;z-index:5;background:#0b10194d;border-radius:6px;padding:5px}.scene-tools span{font-size:10px;padding:5px}.clean .scene-tools{right:25px}.zoom-controls{position:absolute;bottom:88px;left:calc(30.2% + 30px);display:flex;flex-direction:column;z-index:5;border-radius:4px;background:#0b10194d}.zoom-controls button{font-size:22px;width:30px;height:32px;color:#d8e0f1}.clean .zoom-controls{left:auto;right:25px;bottom:208px}.point-label{position:absolute;transform:translate(-50%,-100%);display:flex;align-items:center;gap:5px;font-size:10px;border:1px solid #d4e1ff55;border-radius:18px;background:#1c243a99;padding:4px 8px;z-index:2;box-shadow:0 2px 10px #0004}.point-label svg{background:#7d96fa;border-radius:50%;box-sizing:content-box;padding:3px;color:#fff}.point-label.chosen{border-color:#a5bbff;background:#536cbb99}.point-label:after{content:"";height:20px;width:1px;background:#a4b5d888;position:absolute;top:100%;left:50%}.device-sidebar{position:absolute;top:66px;bottom:65px;left:16px;width:340px;z-index:10;border:1px solid #9bb5ff0a;border-radius:3px;background:linear-gradient(180deg,#182353ec 0,#10151ee8 10%,#222937ed);display:flex;flex-direction:column;box-shadow:0 12px 40px #0002}.device-sidebar.is-collapsed{width:0;border:0;background:none}.collapse-button{position:absolute;left:100%;top:45%;height:47px;width:24px;background:#29364c99;border-radius:0 7px 7px 0;color:#a1b1cb;display:flex;align-items:center;justify-content:center;padding:0}.sidebar-tabs{display:flex;gap:30px;align-items:center;padding:15px 18px 12px}.sidebar-tabs button{padding:0;font-size:14px;color:#7f92be}.sidebar-tabs .active{color:#a8c3ff;text-shadow:0 0 6px #91b5ff88}.sidebar-tabs small{margin-left:auto;color:#8393b0;font-size:10px}.search{margin:15px 19px 17px;display:flex;border:1px solid #7089c17a;border-radius:3px;height:44px;background:#24345899;flex-shrink:0}.search input{min-width:0;flex:1;border:0;background:transparent;color:#fff;padding:0 12px;outline-offset:0;font-size:12px}.search input::placeholder{color:#9caed2}.search button{width:43px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3249dd,#597cff)}.categories{display:flex;gap:19px;padding:4px 20px 17px;border-bottom:1px solid #ffffff13;overflow:auto;flex-shrink:0;scrollbar-width:none}.categories button{color:#98a9c8;padding:0;white-space:nowrap;font-size:12px}.categories .active{color:#8eafff}.device-list{flex:1;overflow:auto;padding:0 18px;scrollbar-width:thin;scrollbar-color:#829fff2a transparent}.device-row{display:flex;align-items:center;min-height:67px;border-bottom:1px solid #d1e1ff10;gap:9px}.device-row:hover{background:linear-gradient(90deg,#829fff13,transparent)}.device-name{flex:1;text-align:left;display:flex;flex-direction:column;gap:7px;padding:10px 0;min-width:0}.device-name strong{font-size:13px;font-weight:500;text-shadow:0 0 5px #a1beff77}.device-name span{font-size:11px;color:#a7b2c9}.device-row>button:not(.device-name){padding:6px;color:#8c9dbb;display:flex;align-items:center}.device-row>button:hover{color:#d1ddff}.sidebar-bottom{margin-top:auto;padding:14px 18px;min-height:57px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;background:#8da8ff05;border-top:1px solid #ffffff09;flex-shrink:0}.sidebar-bottom span{display:flex;align-items:center;gap:6px;color:#acbcdb;font-size:10px}.sidebar-bottom svg{color:#7a9cff}.sidebar-bottom button{display:flex;align-items:center;gap:8px;padding:0;font-size:11px}.sidebar-bottom button:first-child{color:#d6e3ff}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;padding:13px 17px 3px}.sidebar-heading h2{font-size:18px;font-weight:500;color:#b9ceff;text-shadow:0 0 8px #8ca6ff99}.device-detail{padding:15px 19px;overflow:auto;scrollbar-width:thin;scrollbar-color:#829fff2a transparent}.device-detail>strong{font-size:16px;display:block;margin-bottom:25px;text-shadow:0 0 7px #b4c9ff99}.device-detail>label{display:block;color:#9ca8ba;font-size:12px;margin:18px 0 8px}.device-detail h3{font-size:14px;font-weight:500;color:#dbe6ff}.device-detail p{font-size:12px;line-height:1.8;color:#b7c8ef}.device-detail hr{border:0;border-top:1px solid #e0eaff18;margin:23px 0}.detail-status{display:flex;justify-content:space-between;font-size:12px;color:#a4b1cc}.detail-status b{display:flex;align-items:center;font-weight:400}.device-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:23px 0}.device-stats div{background:#789cff0b;padding:12px 8px;border:1px solid #92b2ff11;border-radius:3px}.device-stats small{display:block;color:#8c9ebc;margin-bottom:8px}.device-stats b{font-size:19px;font-weight:400}.device-stats em{font-size:10px;font-style:normal;margin-left:4px;color:#91a6ce}.device-detail h4{font-size:12px;font-weight:400}.device-detail h4 span{font-size:9px;float:right;color:#8b9bbc}.detail-note{font-size:10px!important;color:#8291ab!important;line-height:1.8!important;text-align:center}.selected-caption{position:absolute;left:54%;top:53%;background:#162238e8;border:1px solid #819fed88;border-radius:5px;display:flex;align-items:center;gap:12px;padding:12px 14px;z-index:5;box-shadow:0 5px 28px #0004}.selected-caption strong{font-size:13px;font-weight:500}.selected-caption small{display:block;font-size:10px;color:#9bb0d7;margin-top:5px}.selected-caption button{padding:0;margin-left:8px}.pulse-dot{background:#9bb7ff;box-shadow:0 0 9px #9bb7ff}.selected-caption:after{content:"";position:absolute;top:100%;left:15%;height:55px;width:1px;background:linear-gradient(#b2c8ff,transparent)}.route-status{position:absolute;top:70px;left:50%;transform:translate(-30%);z-index:7;display:flex;gap:12px;align-items:center;padding:12px 15px;border:1px solid #94b7ff66;background:#162138ee;border-radius:5px;font-size:12px}.route-status small{display:block;margin-top:6px;color:#90a6d0;font-size:10px}.route-status>svg{color:#91b0ff}.route-status button{color:#a9c1ff;font-size:11px;border-left:1px solid #ffffff25;margin-left:7px;padding-left:15px}.point-drawer{position:absolute;right:70px;top:57px;width:220px;padding:12px 15px;background:#141d30ef;z-index:20;border:1px solid #859fff44;border-radius:5px;box-shadow:0 15px 45px #0005}.point-drawer>div{display:flex;justify-content:space-between;align-items:center;font-size:13px}.point-drawer>small{font-size:10px;line-height:1.8;display:block;color:#94a6c6;padding:7px 0 10px}.point-drawer>button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 5px;border-top:1px solid #ffffff0c;font-size:12px}.point-drawer>button svg:last-child{margin-left:auto}.point-drawer>.active{color:#a2beff}.monitor-list{padding:10px 18px;overflow:auto}.monitor-card{width:100%;text-align:left;padding:0;margin-bottom:20px;border:1px solid #91aaff22;border-radius:3px;overflow:hidden;background:#0002}.monitor-image{height:143px;background-image:url(/assets/server-room-panorama.png);background-size:auto 100%;background-position:30% 50%;position:relative}.monitor-image.image-1{background-position:70% 50%}.monitor-image>span{position:absolute;top:8px;left:9px;font-size:10px;display:flex;align-items:center;gap:6px;background:#0c1429aa;padding:4px 7px}.monitor-card>div:last-child{padding:12px;display:flex;align-items:center}.monitor-card b{font-size:12px;font-weight:400}.monitor-card small{font-size:10px;color:#8d9fbe;margin-left:auto;margin-right:10px}.empty-state{padding:45px 0;text-align:center;color:#8595b4;font-size:12px}.empty-state p{margin:15px}.empty-state button{font-size:12px;color:#a5beff}.loading{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);background:#101b2dd9;padding:22px 30px;text-align:center;border:1px solid #98b2ff55;border-radius:6px;font-size:13px;z-index:20}.loader{width:27px;height:27px;margin:0 auto 14px;border:2px solid #829aff33;border-top-color:#adc4ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{position:absolute;top:70px;left:50%;transform:translate(-50%);z-index:30;padding:16px;background:#35202bed;border:1px solid #edb576;border-radius:5px;font-size:12px}.toast{position:absolute;left:50%;bottom:85px;transform:translate(-50%);background:#17243cef;border:1px solid #9cb5ff66;box-shadow:0 6px 25px #0005;z-index:40;padding:12px 20px;font-size:12px;display:flex;gap:10px;align-items:center;max-width:90%;white-space:nowrap;border-radius:5px}.toast svg{color:#8bd9bb}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#02071399;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;display:flex;align-items:center;justify-content:center;padding:22px}.modal{background:linear-gradient(145deg,#1d2b47,#121b2c);width:530px;max-width:100%;padding:24px;border:1px solid #92b0fd55;border-radius:8px;box-shadow:0 30px 100px #0008;max-height:90%;overflow:auto}.modal-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.modal h2{font-size:18px;font-weight:500;line-height:1.6}.modal-title small{font-size:10px;color:#9caed0}.modal>p{font-size:13px;color:#adbedb;line-height:1.9;margin:14px 0}.info-rows{display:flex;flex-direction:column;gap:20px;margin:24px 0}.info-rows>div{display:flex;align-items:flex-start;gap:16px;color:#b6c6e1;font-size:12px;line-height:1.8}.info-rows svg{width:20px;flex-shrink:0;color:#98b5ff;margin-top:4px}.info-rows b{display:block;color:#e5ecfc;font-size:13px;margin-bottom:3px}.modal-note{font-size:11px!important;color:#879cbd!important;border-top:1px solid #ffffff14;padding-top:15px}.primary-button{border:1px solid #9ab5ff55;background:linear-gradient(130deg,#405bd4,#607ff1);border-radius:4px;padding:11px 24px;color:#fff;font-size:12px}.modal>.primary-button{display:block;margin:22px 0 0 auto}.modal-actions{display:flex;justify-content:flex-end;gap:20px;margin-top:25px}.modal-actions>button{font-size:12px}.alarm-modal h3{font-size:18px;margin-top:20px;font-weight:500}.alarm-modal .warning{font-size:12px}.alarm-modal{width:430px}@media(min-width:1500px){.dashboard{width:27%;max-width:480px}.right-dashboard{width:28%}.scene-tools{right:30%}.zoom-controls{left:29%}.chart-panel{margin-bottom:34px}.climate-metric b{font-size:19px}}@media(max-width:1100px){.toolbar{gap:6px;padding-right:12px}.demo-tag{display:none}.brand{padding-left:15px;gap:12px}.brand strong{font-size:16px}.brand span{font-size:14px;padding-left:11px}.view-tabs{padding-right:10px}.view-tabs button{width:70px}.climate-grid{grid-template-columns:1fr;gap:13px}.right-dashboard{width:28%}.left-dashboard{width:29%}.climate-metric b{font-size:16px}.scene-tools{right:calc(28% + 24px)}.dashboard{font-size:12px}.power-summary{gap:9px}.power-summary b{font-size:18px}.device-sidebar{width:310px}}@media(max-width:700px){.topbar{height:97px;flex-wrap:wrap;background:linear-gradient(#101728c9,transparent)}.brand{height:47px;padding:0 16px;gap:12px;width:auto;border-radius:0 0 13px}.brand strong{font-size:16px;letter-spacing:1px}.brand span{font-size:13px;letter-spacing:.5px}.toolbar{height:47px;gap:3px;padding-right:8px}.toolbar .icon-button{width:27px}.toolbar .icon-button:nth-of-type(3){display:none}.view-tabs{position:absolute;left:0;top:49px;height:39px;padding-left:7px;padding-right:20px}.view-tabs button{height:38px;width:65px;font-size:12px}.dashboard{top:104px;bottom:75px;width:calc(50% - 16px);padding:0 3px}.left-dashboard{left:8px}.right-dashboard{right:8px}.chart-panel h2{font-size:11px;margin-bottom:2px}.chart-panel{margin-bottom:10px!important}.chart-panel>div:not(.power-summary):not(.climate-grid):not(.alarm-summary){max-width:100%}.power-summary{flex-wrap:wrap;gap:5px 10px;font-size:9px;margin-top:-15px}.power-summary b{font-size:14px}.climate-grid{padding:0;gap:13px}.climate-metric{gap:4px}.climate-metric svg{width:18px}.climate-metric small{font-size:9px}.climate-metric b{font-size:12px}.climate-metric label{font-size:8px}.climate-metric em{font-size:9px;margin-right:4px}.alarm-table{white-space:normal}.alarm-table th,.alarm-table td{padding:7px 3px;font-size:8px}.alarm-table th:nth-child(2),.alarm-table td:nth-child(2){display:none}.alarm-summary{font-size:10px}.alarm-summary small{display:none}.scene-hint{bottom:8px;left:10px;font-size:8px;max-width:calc(100% - 95px);white-space:nowrap}.scene-hint span{display:none}.data-live{bottom:3px;right:7px;font-size:8px}.data-live button{font-size:8px;gap:3px}.data-live .live-dot{display:none}.bottom-nav{bottom:28px;height:44px;padding:4px 12px 0;border-radius:19px 19px 0 0}.bottom-nav button{height:34px;width:93px;font-size:12px}.device-sidebar{top:101px;bottom:88px;left:10px;width:min(310px,calc(100% - 46px))}.scene-tools{right:8px;bottom:95px;padding:3px}.zoom-controls{left:auto;right:8px;bottom:213px}.clean .scene-tools{right:8px}.clean .zoom-controls{right:8px;bottom:212px}.selected-caption{left:auto;right:16px;top:auto;bottom:140px;max-width:230px;padding:8px 10px;z-index:12}.selected-caption strong{font-size:11px}.selected-caption:after{display:none}.route-status{left:16px;right:16px;top:auto;bottom:91px;transform:none;z-index:16;padding:10px}.route-status button{margin-left:auto}.point-drawer{right:12px;top:51px;width:205px;z-index:30}.modal{padding:19px}.modal h2{font-size:16px}.modal-backdrop{padding:14px}.toast{bottom:88px;font-size:10px;padding:10px 13px;white-space:normal;width:max-content}.point-label{font-size:8px;padding:3px 5px}.big-metrics{gap:8px;flex-direction:column;font-size:19px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition:none!important}}@media(max-width:700px){.dashboard{top:auto;bottom:81px;height:44%;width:calc(50% - 12px);background:linear-gradient(180deg,#111a2cdb,#111927e8);border:1px solid #8da9e429;border-radius:5px;padding:5px 7px;-webkit-mask-image:none;mask-image:none}.left-dashboard{left:8px}.right-dashboard{right:8px}.chart-panel h2{font-size:12px;margin:3px 0 6px}.right-dashboard .chart-panel h2{margin-bottom:7px}.scene-tools{bottom:auto;top:113px}.zoom-controls{bottom:auto;top:244px}.clean .scene-tools{bottom:auto;top:113px}.clean .zoom-controls{bottom:auto;top:244px}}.scene canvas{cursor:grab}.scene canvas:active{cursor:grabbing}@media(max-width:700px){.power-summary em{display:none}.climate-metric div{min-width:0}}@media(max-width:700px){.app:not(.collapsed) .selected-caption{display:none}}.device-sidebar{bottom:16px;background:linear-gradient(180deg,#1b2855e8 0,#171c26cf 10%,#272c3cd9);border-color:#8fa9ed16}.sidebar-tabs{padding-top:15px;padding-bottom:12px}.device-row{min-height:67px}.device-name strong{font-size:14px;font-weight:500}.device-name span{font-size:12px}.row-located{background:linear-gradient(90deg,#8ea8ed25,transparent)}.device-detail>strong{margin-bottom:25px}.device-detail>label{margin-top:20px}.device-detail hr{margin-top:23px}.telemetry-disclosure{margin-top:28px}.telemetry-disclosure summary{cursor:pointer;font-size:12px;color:#a9bbdc;list-style:none;padding:10px 0;border-bottom:1px solid #ffffff10}.telemetry-disclosure summary:after{content:"›";float:right}.telemetry-disclosure[open] summary:after{content:"⌄"}.telemetry-disclosure summary small{font-size:9px;margin-left:8px;color:#7e90b3}.telemetry-disclosure .detail-status{margin-top:22px}.route-planner{padding:25px 20px;overflow:auto}.route-field{display:flex;gap:10px;align-items:center;border:1px solid #9caeca24;border-radius:3px;min-height:44px;background:#b6bed112;margin-bottom:13px;padding:0 12px;font-size:13px}.route-field i{width:6px;height:6px;background:#80cfc0;border-radius:50%;flex-shrink:0}.route-field .end-dot{background:#e3b678}.route-field small{margin-left:auto;color:#8593ad}.route-field select{color:#ecf0fc;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;outline-offset:2px;width:100%;font-size:12px;min-width:0;height:42px;cursor:pointer}.route-field option{background:#1a2338;color:#e7edfa}.route-field>button{padding:0;display:flex;color:#95a3bd}.route-plan-actions{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:38px}.route-plan-actions>button:first-child{display:flex;align-items:center;gap:9px;text-align:left;font-size:12px;padding:0}.route-plan-actions small{display:block;font-size:10px;color:#8b98b1;margin-top:4px}.route-plan-actions svg{border:1px solid #adb8d766;border-radius:50%;padding:2px;color:#aebfdf}.plan-button{font-size:12px;padding:8px 14px;background:linear-gradient(135deg,#4461c9,#6688ed);border:1px solid #a9bfff66;border-radius:4px;white-space:nowrap}.route-planner>p{font-size:10px;color:#8394b0;margin-top:30px}.floor-hotspot{position:absolute;width:48px;height:25px;transform:translate(-50%,-50%);padding:0;z-index:2;border:2px solid #f3f6fbc9;border-radius:50%;background:#ffffff05;box-shadow:0 0 0 4px #f8fbff10;opacity:.8}.floor-hotspot span{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid #fff7;border-radius:50%}.floor-hotspot:hover{background:#fff2;transform:translate(-50%,-50%) scale(1.15);opacity:1}.device-hotspot{position:absolute;width:21px;height:21px;padding:0;border:1px solid #baffefe0;border-radius:50%;background:#e0fff84a;box-shadow:0 0 0 3px #e0fff824;transform:translate(-50%,-50%);z-index:4;display:grid;place-items:center}.device-hotspot span{width:9px;height:9px;border-radius:50%;border:1px solid #fff;background:#74d3c0}.device-hotspot.active{box-shadow:0 0 0 5px #81e1ce30}.device-hotspot:hover{transform:translate(-50%,-50%) scale(1.16)}.device-world-card{position:absolute;z-index:6;width:143px;background:linear-gradient(145deg,#438d7cbf,#101f21db);border:1px solid #d8fff22a;border-radius:3px;padding:14px 12px;color:#e8f7f4;font-size:11px;box-shadow:0 8px 28px #0002;pointer-events:auto}.device-world-card>small{position:absolute;left:0;bottom:100%;background:#84c7b899;font-size:9px;padding:3px 5px}.device-world-card strong{display:block;font-size:14px;font-weight:500;padding-bottom:7px;border-bottom:1px solid #ecfffa33;letter-spacing:.5px}.device-world-card>b{display:block;font-size:11px;font-weight:400;margin:8px 0 14px}.device-world-card p{font-size:11px;line-height:1.9}.device-world-card em{font-style:normal}.device-world-card>span{font-size:9px;color:#b4cfc6;display:block;margin-top:5px}.device-world-card>button{position:absolute;right:3px;top:3px;color:#d3e7e3;padding:2px;display:flex}.mini-model{position:absolute;right:22px;top:84px;width:144px;height:166px;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;background:linear-gradient(180deg,#f1f7ff07,#949fa717);z-index:5;border-radius:3px;padding:0 5px 15px}.mini-model img{object-fit:contain;width:145px;height:115px;opacity:.9;filter:drop-shadow(0 4px 6px #0002)}.mini-model span{font-size:13px;color:#e9eef6;text-shadow:0 0 5px #c8d9ef66}.mini-model:hover{background:#7d9bcb22}.plan-room-name{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:12px;color:#fff;z-index:2;pointer-events:none}.scene-fade{position:absolute;top:0;right:0;bottom:0;left:0;background:#1d2531;opacity:0;pointer-events:none;z-index:-1;transition:opacity .35s}.scene-fade.is-fading{opacity:.3}.scene-tools{right:18px;bottom:80px;gap:1px;padding:2px;opacity:.45}.scene-tools:hover,.scene-tools:focus-within{opacity:1}.zoom-controls{right:18px;left:auto;bottom:195px;opacity:.45}.zoom-controls:hover,.zoom-controls:focus-within{opacity:1}.clean .scene-tools{right:18px}.clean .zoom-controls{right:18px;bottom:195px}.bottom-nav{bottom:0;height:61px;width:330px;justify-content:center;padding:10px 30px 0;clip-path:polygon(15% 0,85% 0,100% 100%,0 100%);border-radius:24px 24px 0 0;background:linear-gradient(0deg,#1f315d55,#7f9edc22);box-shadow:inset 0 1px 1px #c0d4ff55}.bottom-nav button{width:103px;height:38px}.bottom-nav button.active{background:linear-gradient(0deg,#678ade55,#728ee51c);border-radius:6px 6px 0 0;border:1px solid #95b1ee66;border-bottom-color:#a9c4ff}.app.clean .vignette{background:linear-gradient(180deg,#05080e20,transparent 20%,transparent 85%,#070b121c)}@media(max-width:700px){.device-sidebar{bottom:87px}.mini-model{top:109px;right:6px;width:65px;height:90px;padding:0 2px 8px}.mini-model img{width:70px;height:64px}.mini-model span{font-size:9px}.scene-tools,.clean .scene-tools{top:210px;bottom:auto;right:8px}.zoom-controls,.clean .zoom-controls{top:330px;bottom:auto;right:8px}.bottom-nav{bottom:25px;height:49px;width:270px;padding:6px 23px 0}.bottom-nav button{height:34px;width:93px}.device-world-card{width:130px;max-width:calc(100% - 15px);font-size:10px;z-index:8}.floor-hotspot{width:36px;height:20px}.device-hotspot{width:17px;height:17px}.device-hotspot span{width:7px;height:7px}.plan-room-name{font-size:11px}.route-status{z-index:16}.route-planner{padding:24px 16px}}.monitor-image{background-image:url(/assets/server-room-panorama-v2.png);background-size:auto 100%;background-position:55% 50%}.monitor-image.image-1{background-image:url(/assets/server-room-panorama-aisle-v2.png);background-position:50% 50%}@media(max-width:700px){.app:not(.collapsed) .device-world-card{display:none}}.point-drawer{max-height:75vh;overflow-y:auto}.monitor-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#000}.monitor-fullscreen>img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.73);object-position:center 70%}.monitor-fullscreen>button{position:absolute;left:28px;top:24px;display:flex;align-items:center;gap:8px;background:none;border:0;font-size:24px;color:#fff}.monitor-fullscreen>span{position:absolute;bottom:24px;left:28px;font-size:16px;color:#fff}.monitor-fullscreen i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#38dc54}.monitor-image.image-0{background-image:url(/assets/reference/panos/53/53_f.jpg)}.monitor-image.image-1{background-image:url(/assets/reference/panos/20/20_f.jpg)}.monitor-image{filter:grayscale(1)}.floor-hotspot{border:0;box-shadow:none;background:transparent;opacity:1}.floor-hotspot span{display:none}.floor-hotspot:hover{background:#ffffff18}.floor-hotspot:focus-visible{outline:2px solid #c4d3ff}.route-summary-panel{padding:20px;overflow:auto}.route-stops{display:flex;flex-direction:column;gap:20px;border-left:1px dashed #8197c966;padding-left:16px;margin:8px 0 26px}.route-stops b{font-size:14px;color:#9cdece}.route-stops span{font-size:12px;color:#c6d1e9}.route-stops strong{font-size:14px;color:#e5bb88}.route-summary-box{padding:16px;border:1px solid #8aabff35;background:#5579c519;border-radius:3px;display:flex;flex-direction:column;gap:10px}.route-summary-box>b{font-size:20px}.route-summary-box small{color:#aab8d1}.route-summary-box progress{width:100%;height:5px;accent-color:#829cff}.navigation-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.navigation-actions button,.route-edit{display:flex;align-items:center;gap:5px;border:1px solid #93b2f34d;border-radius:4px;padding:9px 10px;font-size:12px;background:#6b92ed25}.route-edit{margin-top:22px;background:none}.route-summary-panel .detail-note{margin-top:18px;line-height:1.8}@media(min-width:701px){.dashboard .chart-panel{margin-bottom:39px}.right-dashboard .chart-panel{margin-bottom:42px}.device-sidebar{bottom:16px}.dashboard{padding-bottom:24px}.chart-panel h2{font-weight:500;text-shadow:0 0 5px #8babff}.left-dashboard .chart-panel:first-child{margin-bottom:39px}}.monitor-list{padding:0 19px;flex:1}.monitor-row{display:flex;align-items:center;border-bottom:1px solid #d1e1ff10;min-height:52px}.monitor-row>button:first-child{text-align:left;flex:1;height:51px;padding:0 5px}.monitor-row strong{font-size:14px;font-weight:500;text-shadow:0 0 5px #a1beff77}.monitor-row>button:last-child{color:#91a2c2;padding:10px}.monitor-row:hover{background:#9bb6ff12}.monitor-view{background:#121820;overflow:hidden;border-radius:3px;box-shadow:0 8px 35px #0005}.monitor-window{position:absolute;z-index:25;left:376px;bottom:85px;width:320px;height:180px}.monitor-view>img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.78)}.monitor-controls{position:absolute;right:8px;top:8px;display:flex;gap:8px}.monitor-controls button{display:flex;align-items:center;gap:8px;padding:3px;color:#eef3ff;text-shadow:0 1px 4px black}.monitor-fullscreen .monitor-controls{left:28px;right:auto;top:24px;font-size:24px}.monitor-status{position:absolute;left:15px;bottom:15px;font-size:13px;color:#fff;text-shadow:0 1px 5px black}.monitor-status i{display:inline-block;width:6px;height:6px;background:#53d8b1;border-radius:50%;margin-right:5px}.monitor-fullscreen .monitor-status{left:28px;bottom:24px;font-size:16px}.monitor-close{position:absolute;right:24px;top:24px!important;left:auto!important;font-size:16px!important}.device-detail>label{color:#a0a6b2;font-size:12px}.device-detail>h3,.device-detail>p{color:#b9cfff;text-shadow:0 0 4px #8faaff44}.alarm-table{table-layout:fixed}.alarm-table th:nth-child(2){width:26%}.alarm-table td{overflow:hidden;text-overflow:ellipsis}.detail-note{font-size:10px;color:#98a6bf;line-height:1.8;margin-top:15px}@media(max-width:760px){.monitor-window{left:20px;right:20px;bottom:96px;width:auto;height:auto;aspect-ratio:16/9;z-index:30}.monitor-fullscreen .monitor-controls{left:15px;top:18px;font-size:18px}}@media(min-width:1101px){.left-dashboard .chart-panel:first-child,.right-dashboard .chart-panel{margin-bottom:31px}.dashboard{scrollbar-width:none}.dashboard::-webkit-scrollbar{display:none}}.app{position:fixed;top:0;right:0;bottom:0;left:0}.device-sidebar{background:linear-gradient(180deg,#16254ff5 0,#1c222af5 10%,#3a404af5)}.scene-outgoing{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0;z-index:1}.point-label{background:linear-gradient(#53565bba,#24272bb8);border:1px solid #d2d5db55;box-shadow:0 2px 7px #0003;padding:3px 6px 3px 3px;font-size:11px;gap:4px;animation:spatial-label-in .25s ease-out both}.point-label:after{height:45px;background:linear-gradient(#d3d7dfcc,#c4c8d777)}.point-label svg:first-of-type{background:#7886ff;padding:3px;width:13px;height:13px}.point-label svg:last-of-type{background:none;padding:0;width:12px;height:12px;box-shadow:none;color:#d4d6dc}.device-hotspot,.device-world-card{animation:spatial-label-in .22s ease-out both}@keyframes spatial-label-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.scene-outgoing{display:none}.scene-fade{transition:none}.point-label,.device-hotspot,.device-world-card{animation:none}}.point-label:after{height:var(--stem,45px)}