.device-center[data-v-045b02c3]{position:relative;height:100%;padding:12px;padding-top:120px;background:linear-gradient(180deg,#1a1a2e,#16213e)}.content-area[data-v-045b02c3]{padding:16px}.slide-trigger[data-v-045b02c3]{position:fixed;left:0;top:50%;transform:translateY(-50%);width:40px;height:80px;background:linear-gradient(135deg,#ff6714,#ff8a3d);border-radius:0 20px 20px 0;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;transition:all .3s ease;box-shadow:2px 0 10px rgba(255,103,20,.3)}.slide-trigger[data-v-045b02c3]:hover{width:45px;background:linear-gradient(135deg,#ff8a3d,#ff6714);box-shadow:3px 0 15px rgba(255,103,20,.5)}.slide-trigger i[data-v-045b02c3]{color:#fff;font-size:18px;transition:transform .3s ease}.slide-trigger:hover i[data-v-045b02c3]{transform:translateX(2px)}.slide-panel[data-v-045b02c3]{position:fixed;left:-400px;top:80px;width:400px;height:calc(100vh - 80px);background:linear-gradient(180deg,#1a1a2e,#16213e);z-index:1001;transition:left .4s cubic-bezier(.25,.8,.25,1);box-shadow:4px 0 20px rgba(0,0,0,.3);display:flex;flex-direction:column}.slide-panel.active[data-v-045b02c3]{left:0}.slide-overlay[data-v-045b02c3]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.slide-overlay.active[data-v-045b02c3]{opacity:1;visibility:visible}.panel-header[data-v-045b02c3]{padding:20px 25px;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;align-items:center;background:rgba(255,103,20,.1)}.panel-header h3[data-v-045b02c3]{color:#fff;margin:0;font-size:18px;font-weight:600}.panel-content[data-v-045b02c3]{flex:1;padding:20px 25px;overflow-y:auto}.panel-content[data-v-045b02c3]::-webkit-scrollbar{width:6px}.panel-content[data-v-045b02c3]::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:3px}.panel-content[data-v-045b02c3]::-webkit-scrollbar-thumb{background:rgba(255,103,20,.6);border-radius:3px}.panel-content[data-v-045b02c3]::-webkit-scrollbar-thumb:hover{background:rgba(255,103,20,.8)}.panel-footer[data-v-045b02c3]{padding:12px 16px;border-top:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:flex-end}.section[data-v-045b02c3]{margin-bottom:30px}.section[data-v-045b02c3]:last-child{margin-bottom:0}.section-title[data-v-045b02c3]{color:#fff;font-size:16px;font-weight:600;margin:0 0 15px 0;padding-bottom:8px;border-bottom:2px solid #ff6714;position:relative}.section-title[data-v-045b02c3]:after{content:"";position:absolute;bottom:-2px;left:0;width:30px;height:2px;background:#ff8a3d}.module-grid[data-v-045b02c3]{gap:12px}.module-item[data-v-045b02c3]{position:relative;background:var(--background-light);border-radius:8px;transition:all .3s ease;overflow:hidden}.module-item[data-v-045b02c3]:hover{background:rgba(255,103,20,.1);transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,103,20,.2)}.module-button[data-v-045b02c3]{padding:20px 15px;text-align:center;gap:8px}.module-button i[data-v-045b02c3]{font-size:24px}.table[data-v-045b02c3]{border:1px solid hsla(0,0%,100%,.1);border-radius:8px;overflow:hidden;background:rgba(0,0,0,.2)}.table-header[data-v-045b02c3]{background:rgba(255,103,20,.08);border-bottom:1px solid hsla(0,0%,100%,.08);padding:10px 12px}.th[data-v-045b02c3]{color:#ff7618;font-weight:600;font-size:12px}.table-body .tr[data-v-045b02c3]{padding:10px 12px;border-bottom:1px solid hsla(0,0%,100%,.06);transition:background .2s ease}.table-body .tr[data-v-045b02c3]:hover{background:rgba(255,103,20,.06)}.table-body .tr.empty[data-v-045b02c3]{background:transparent}.td[data-v-045b02c3]{color:#fff;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-indicator[data-v-045b02c3]{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:999px;font-size:12px}.status-indicator.online[data-v-045b02c3]{background:rgba(57,238,119,.12);color:#39ee77}.status-indicator.offline[data-v-045b02c3]{background:rgba(230,46,46,.12);color:#e62e2e}.status-dot[data-v-045b02c3]{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.module-checkbox[data-v-045b02c3]{position:absolute;top:8px;right:8px;z-index:10}.module-icon-img[data-v-045b02c3]{width:22px;height:22px;-o-object-fit:contain;object-fit:contain}.layout-selection[data-v-045b02c3]{padding:16px 20px}.layout-title[data-v-045b02c3]{color:#fff;font-size:16px;font-weight:600;margin:0 0 12px 0}.layout-options[data-v-045b02c3]{display:flex;gap:12px;flex-wrap:wrap}.layout-option[data-v-045b02c3]{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;padding:12px;cursor:pointer;width:120px;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .2s ease}.layout-option.active[data-v-045b02c3],.layout-option[data-v-045b02c3]:hover{border-color:#ff6714;box-shadow:inset 0 0 0 1px rgba(255,103,20,.4)}.layout-diagram[data-v-045b02c3]{height:60px;display:flex;align-items:center;justify-content:center}.diagram-container[data-v-045b02c3]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.diagram-box[data-v-045b02c3]{position:relative;width:100%;height:100%;border:1px dashed hsla(0,0%,100%,.12);border-radius:6px}.diagram-box .module-dot[data-v-045b02c3]{width:8px;height:8px;border-radius:50%;background:#ff6714;position:absolute;box-shadow:0 0 6px rgba(255,103,20,.6)}.diagram-box.left-align .module-dot[data-v-045b02c3]:first-child{left:8px;top:12px}.diagram-box.left-align .module-dot[data-v-045b02c3]:nth-child(2){left:8px;top:28px}.diagram-box.left-align .module-dot[data-v-045b02c3]:nth-child(3){left:8px;top:44px}.diagram-box.right-align .module-dot[data-v-045b02c3]:first-child{right:8px;top:12px}.diagram-box.right-align .module-dot[data-v-045b02c3]:nth-child(2){right:8px;top:28px}.diagram-box.right-align .module-dot[data-v-045b02c3]:nth-child(3){right:8px;top:44px}.diagram-box.distributed .left-side .module-dot[data-v-045b02c3]:first-child{left:8px;top:16px}.diagram-box.distributed .left-side .module-dot[data-v-045b02c3]:nth-child(2){left:8px;top:40px}.diagram-box.distributed .right-side .module-dot[data-v-045b02c3]:first-child{right:8px;top:28px}.layout-name[data-v-045b02c3]{color:#dde6f5;font-size:12px}.section[data-v-045b02c3]{margin-bottom:14px}.section-title[data-v-045b02c3]{font-size:14px;color:#93a2b7}.module-grid[data-v-045b02c3]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.module-button[data-v-045b02c3]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:100px;border:1px solid hsla(0,0%,100%,.06);border-radius:8px;cursor:pointer;transition:all .2s ease}.module-button.active[data-v-045b02c3],.module-button[data-v-045b02c3]:hover{border-color:#ff6714;box-shadow:inset 0 0 0 1px rgba(255,103,20,.4)}.module-button i[data-v-045b02c3]{font-size:22px;color:#ff6714}.module-button span[data-v-045b02c3]{font-size:13px;color:#dde6f5}.module-section[data-v-045b02c3]{border:1px solid hsla(0,0%,100%,.06);border-radius:8px;padding:12px}.section-header[data-v-045b02c3]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.section-header .section-title[data-v-045b02c3]{color:#dde6f5;font-weight:600}.actions[data-v-045b02c3]{display:flex;align-items:center;gap:8px}.info-section[data-v-045b02c3]{margin-bottom:12px}.info-grid[data-v-045b02c3]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.info-item[data-v-045b02c3]{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08)}.info-label[data-v-045b02c3]{font-size:12px}.info-value[data-v-045b02c3]{font-size:13px}.info-value.success[data-v-045b02c3]{color:#39ee77}.info-value.warning[data-v-045b02c3]{color:#e62e2e}.close-btn[data-v-045b02c3]{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid hsla(0,0%,100%,.1);border-radius:6px;background:hsla(0,0%,100%,.06);color:#dde6f5;cursor:pointer}.info-item[data-v-045b02c3]{display:flex;align-items:center;justify-content:space-between;padding:8px;background:#121722;border:1px solid hsla(0,0%,100%,.06);border-radius:6px}.info-label[data-v-045b02c3]{color:#93a2b7}.info-value[data-v-045b02c3]{color:#dde6f5;font-weight:500}.status-item .status-indicator[data-v-045b02c3]{margin-left:auto}.anti-drone-icon[data-v-045b02c3]{width:22px;height:22px;box-shadow:inset 0 0 0 2px rgba(255,103,20,.3)}.anti-drone-icon[data-v-045b02c3],.drone-icon[data-v-045b02c3]{border:2px solid #ff6714;border-radius:50%;display:inline-block}.drone-icon[data-v-045b02c3]{width:18px;height:18px}.placeholder[data-v-045b02c3]{color:#93a2b7}.placeholder-text[data-v-045b02c3]{padding:12px}.sonar-split[data-v-045b02c3]{display:grid;grid-template-columns:320px 1fr;gap:12px}.sonar-list[data-v-045b02c3]{background:#121722;border:1px solid hsla(0,0%,100%,.06);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.sonar-list-header[data-v-045b02c3]{background:rgba(255,103,20,.08);color:#ff7618;font-weight:600;padding:10px 12px;border-bottom:1px solid hsla(0,0%,100%,.08)}.sonar-list-body[data-v-045b02c3]{flex:1;overflow-y:auto}.sonar-item[data-v-045b02c3]{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid hsla(0,0%,100%,.06);cursor:pointer;transition:background .2s ease}.sonar-item[data-v-045b02c3]:hover{background:rgba(255,103,20,.06)}.sonar-item.active[data-v-045b02c3]{background:rgba(255,103,20,.12)}.sonar-id[data-v-045b02c3]{color:#93a2b7;width:80px}.sonar-name[data-v-045b02c3]{color:#dde6f5;flex:1}.sonar-empty[data-v-045b02c3]{color:#93a2b7;padding:12px;text-align:center}.sonar-detail[data-v-045b02c3]{background:#121722;border:1px solid hsla(0,0%,100%,.06);border-radius:8px;padding:12px}.sonar-placeholder[data-v-045b02c3]{color:#93a2b7;padding:12px}.detail-section[data-v-045b02c3]{margin-bottom:12px}.detail-title[data-v-045b02c3]{color:#dde6f5;font-weight:600;margin-bottom:6px}.detail-body[data-v-045b02c3]{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:6px;min-height:80px;padding:8px}.sonar-video[data-v-045b02c3]{min-height:160px;display:flex;align-items:center;justify-content:center}.sonar-video img[data-v-045b02c3]{max-width:100%;max-height:300px;-o-object-fit:contain;object-fit:contain;border-radius:6px}.kv-grid[data-v-045b02c3]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 16px}.kv-item[data-v-045b02c3]{display:flex;justify-content:space-between;background:#202637;border:1px solid #2a3142;padding:8px 10px;border-radius:6px}.kv-label[data-v-045b02c3]{color:#b6c4dd}.kv-value[data-v-045b02c3]{color:#e9efff}