.device{flex-direction:column;gap:10px;width:100%;display:flex}.device .menu-nav{flex-shrink:0;gap:10px;display:flex}.device .menu-nav button{color:#a0a0a0;text-align:center;cursor:pointer;background-color:#fff;border:none;border-radius:30px;padding:10px 15px;font-family:Pretendard;font-size:20px;font-style:normal;font-weight:600;line-height:normal}.device .menu-nav button.active{color:#fff;background:#9c27b0}.device .container{flex:1}
.device_list{gap:15px;width:100%;height:100%;display:flex}.device_list .leftPanel{background-color:#fff;border-radius:12px;flex-direction:column;width:650px;display:flex}.device_list .leftPanel .headerWrap{justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.device_list .leftPanel .headerWrap .searchBox{background-color:#f5f5f5;border-radius:15px;align-items:center;gap:8px;width:250px;padding:8px 12px;display:flex}.device_list .leftPanel .headerWrap .searchBox .searchIcon{color:#999;font-size:14px}.device_list .leftPanel .headerWrap .searchBox .searchInput{color:#333;background:0 0;border:none;outline:none;width:100%;font-size:13px}.device_list .leftPanel .headerWrap .searchBox .searchInput::placeholder{color:#999;text-align:center}.device_list .leftPanel .headerWrap .registerBtn{color:#fff;cursor:pointer;background-color:#9c27b0;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500}.device_list .leftPanel .headerWrap .registerBtn:hover{background-color:#9c27b0e6}.device_list .leftPanel .tableWrap .deviceTable{border-collapse:collapse;width:100%}.device_list .leftPanel .tableWrap .deviceTable thead tr th{text-align:center;color:#666;white-space:nowrap;background-color:#fff;border-bottom:3px solid #f0f0f0;padding:12px 16px;font-size:12px;font-weight:600}.device_list .leftPanel .tableWrap .deviceTable tbody tr{cursor:pointer;border-bottom:1px solid #f5f5f5}.device_list .leftPanel .tableWrap .deviceTable tbody tr:hover{background-color:#fafafa}.device_list .leftPanel .tableWrap .deviceTable tbody tr.selected{background-color:#9c27b00d}.device_list .leftPanel .tableWrap .deviceTable tbody tr.selected td.deviceId{color:#9c27b0}.device_list .leftPanel .tableWrap .deviceTable tbody tr td{color:#222;vertical-align:middle;text-align:center;padding:8px 16px;font-size:13px}.device_list .leftPanel .tableWrap .deviceTable tbody tr td.deviceId{color:#222;font-weight:500}.device_list .leftPanel .tableWrap .deviceTable tbody tr td.modelName{color:#222}.device_list .leftPanel .tableWrap .deviceTable tbody tr td .statusText{font-size:13px;font-weight:700}.device_list .leftPanel .tableWrap .deviceTable tbody tr td .statusText.move{color:#9c27b0}.device_list .leftPanel .tableWrap .deviceTable tbody tr td .statusText.charging{color:#222}.device_list .leftPanel .tableWrap .deviceTable tbody tr td .statusText.stop{color:#fb8c00}.device_list .leftPanel .tableWrap .deviceTable tbody tr td .statusText.error{color:#e53935}.device_list .leftPanel .tableWrap .deviceTable tbody tr td .statusText.ready{color:#333}.device_list .leftPanel .tableWrap .deviceTable tbody tr td .statusText.alarm{color:#fb8c00}.device_list .leftPanel .tableWrap .deviceTable tbody tr td.location,.device_list .leftPanel .tableWrap .deviceTable tbody tr td.group{color:#222}.device_list .leftPanel .tableFooter{border-top:1px solid #f0f0f0;padding:16px 20px}.device_list .leftPanel .tableFooter .totalCount{color:#666;font-size:13px}.device_list .rightPanel{background-color:#fff;border-radius:12px;flex:1}.device_list .rightPanel .emptyState{color:#999;justify-content:center;align-items:center;height:100%;font-size:14px;display:flex}.device_list .rightPanel .deviceDetail{padding:20px}.device_list .rightPanel .deviceDetail .detailHeader{align-items:center;gap:12px;margin-bottom:20px;display:flex}.device_list .rightPanel .deviceDetail .detailHeader .deviceIcon{background-color:#f0f0f0;border-radius:8px;width:40px;height:40px}.device_list .rightPanel .deviceDetail .detailHeader .deviceId{color:#333;font-size:18px;font-weight:600}.device_list .rightPanel .deviceDetail .detailHeader .refreshBtn{color:#fff;cursor:pointer;background-color:#cdcdcd;border:none;border-radius:15px;margin-left:auto;padding:8px 16px;font-size:14px}.device_list .rightPanel .deviceDetail .locationSection{border-radius:8px;padding:16px}.device_list .rightPanel .deviceDetail .locationSection .sectionTitle{color:#333;margin:0 0 12px;font-size:13px;font-weight:600}.device_list .rightPanel .deviceDetail .locationSection .locationInfo .locationRow{gap:20px;margin-bottom:8px;display:flex}.device_list .rightPanel .deviceDetail .locationSection .locationInfo .locationRow .label{color:#999;min-width:120px;font-size:11px}.device_list .rightPanel .deviceDetail .locationSection .locationInfo .locationRow.values{align-items:center;gap:10px;display:flex}.device_list .rightPanel .deviceDetail .locationSection .locationInfo .locationRow.values .value{color:#333;min-width:120px;font-size:13px}.device_list .rightPanel .deviceDetail .locationSection .locationInfo .locationRow.values .destBadge{color:#fff;background-color:#ff5f5f;border-radius:15px;padding:4px 10px;font-size:11px}.device_list .rightPanel .deviceDetail .locationSection .locationInfo .locationRow.values .destSelect{border:1px solid #e0e0e0;border-radius:4px;min-width:140px;padding:6px 10px;font-size:12px}.device_list .rightPanel .deviceDetail .locationSection .locationInfo .locationRow.values .arrow{color:#999;font-size:10px}.device_list .rightPanel .deviceDetail .locationSection .locationInfo .locationRow.values .sendBtn{color:#fff;cursor:pointer;background-color:#5abe6e;border:none;border-radius:15px;padding:6px 12px;font-size:12px}.device_list .rightPanel .deviceDetail .detailContent{gap:20px;margin-bottom:20px;display:flex}.device_list .rightPanel .deviceDetail .detailContent .imageSection .deviceImage{background-color:#f5f5f5;border-radius:8px;justify-content:center;align-items:center;width:400px;height:400px;display:flex}.device_list .rightPanel .deviceDetail .detailContent .infoSection{flex-direction:column;flex:1;gap:20px;display:flex}.device_list .rightPanel .deviceDetail .detailContent .infoSection .infoGroup{flex:1}.device_list .rightPanel .deviceDetail .detailContent .infoSection .infoGroup .groupTitle{color:#333;border-bottom:1px solid #f0f0f0;margin:0 0 12px;padding-bottom:8px;font-size:12px;font-weight:600}.device_list .rightPanel .deviceDetail .detailContent .infoSection .infoGroup .infoRow{border-bottom:1px solid #f5f5f5;justify-content:space-between;padding:3px 0;display:flex}.device_list .rightPanel .deviceDetail .detailContent .infoSection .infoGroup .infoRow .label{color:#666;font-size:12px;font-weight:700}.device_list .rightPanel .deviceDetail .detailContent .infoSection .infoGroup .infoRow .value{color:#333;text-align:right;font-size:12px}.device_list .rightPanel .deviceDetail .detailContent .infoSection .infoGroup .infoRow .value.link{color:#9c27b0;cursor:pointer;text-decoration:underline}.device_list .rightPanel .deviceDetail .bottomSection{gap:20px;padding-top:20px;display:flex}.device_list .rightPanel .deviceDetail .bottomSection .infoColumn{flex:1}.device_list .rightPanel .deviceDetail .bottomSection .infoColumn .columnTitle{color:#333;border-bottom:2px solid #333;margin:0 0 12px;padding-bottom:8px;font-size:12px;font-weight:600}.device_list .rightPanel .deviceDetail .bottomSection .infoColumn .infoRow{border-bottom:1px solid #f5f5f5;justify-content:space-between;padding:4px 0;display:flex}.device_list .rightPanel .deviceDetail .bottomSection .infoColumn .infoRow .label{color:#666;font-size:11px}.device_list .rightPanel .deviceDetail .bottomSection .infoColumn .infoRow .value{color:#333;text-align:right;font-size:11px}
.device_detail{gap:15px;width:100%;height:100%;display:flex}.device_detail .leftPanel{background-color:#fff;border-radius:12px;flex-direction:column;width:650px;display:flex}.device_detail .leftPanel .headerWrap{justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.device_detail .leftPanel .headerWrap .searchBox{background-color:#f5f5f5;border-radius:15px;align-items:center;gap:8px;width:250px;padding:8px 12px;display:flex}.device_detail .leftPanel .headerWrap .searchBox .searchIcon{color:#999;font-size:14px}.device_detail .leftPanel .headerWrap .searchBox .searchInput{color:#333;background:0 0;border:none;outline:none;width:100%;font-size:13px}.device_detail .leftPanel .headerWrap .searchBox .searchInput::placeholder{color:#999;text-align:center}.device_detail .leftPanel .headerWrap .registerBtn{color:#fff;cursor:pointer;background-color:#9c27b0;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500}.device_detail .leftPanel .headerWrap .registerBtn:hover{background-color:#9c27b0e6}.device_detail .leftPanel .tableWrap .deviceTable{border-collapse:collapse;width:100%}.device_detail .leftPanel .tableWrap .deviceTable thead tr th{text-align:center;color:#666;white-space:nowrap;background-color:#fff;border-bottom:3px solid #f0f0f0;padding:12px 16px;font-size:12px;font-weight:600}.device_detail .leftPanel .tableWrap .deviceTable tbody tr{cursor:pointer;border-bottom:1px solid #f5f5f5}.device_detail .leftPanel .tableWrap .deviceTable tbody tr:hover{background-color:#fafafa}.device_detail .leftPanel .tableWrap .deviceTable tbody tr.selected{background-color:#9c27b00d}.device_detail .leftPanel .tableWrap .deviceTable tbody tr.selected td.deviceId{color:#9c27b0}.device_detail .leftPanel .tableWrap .deviceTable tbody tr td{color:#222;vertical-align:middle;text-align:center;padding:8px 16px;font-size:13px}.device_detail .leftPanel .tableWrap .deviceTable tbody tr td.deviceId{color:#222;font-weight:500}.device_detail .leftPanel .tableWrap .deviceTable tbody tr td.modelName{color:#222}.device_detail .leftPanel .tableWrap .deviceTable tbody tr td .statusText{font-size:13px;font-weight:700}.device_detail .leftPanel .tableWrap .deviceTable tbody tr td .statusText.move{color:#9c27b0}.device_detail .leftPanel .tableWrap .deviceTable tbody tr td .statusText.charging{color:#222}.device_detail .leftPanel .tableWrap .deviceTable tbody tr td .statusText.stop{color:#fb8c00}.device_detail .leftPanel .tableWrap .deviceTable tbody tr td .statusText.error{color:#e53935}.device_detail .leftPanel .tableWrap .deviceTable tbody tr td .statusText.ready{color:#333}.device_detail .leftPanel .tableWrap .deviceTable tbody tr td .statusText.alarm{color:#fb8c00}.device_detail .leftPanel .tableWrap .deviceTable tbody tr td.group{color:#222}.device_detail .leftPanel .tableFooter{border-top:1px solid #f0f0f0;padding:16px 20px}.device_detail .leftPanel .tableFooter .totalCount{color:#666;font-size:13px}.device_detail .rightPanel{background-color:#fff;border-radius:12px;flex:1;overflow-y:auto}.device_detail .rightPanel .emptyState{color:#999;justify-content:center;align-items:center;height:100%;font-size:14px;display:flex}.device_detail .rightPanel .detailContent{padding:24px 30px}.device_detail .rightPanel .detailContent .panelTitle{color:#333;margin-bottom:16px;font-size:16px;font-weight:600}.device_detail .rightPanel .detailContent .deviceId{color:#222;margin-bottom:10px;font-size:22px;font-weight:700}.device_detail .rightPanel .detailContent .infoSection,.device_detail .rightPanel .detailContent .locationSection{margin-bottom:10px}.device_detail .rightPanel .detailContent .infoSection .sectionTitle,.device_detail .rightPanel .detailContent .locationSection .sectionTitle{color:#666;border-bottom:1px solid #f0f0f0;margin-bottom:12px;padding-bottom:8px;font-size:13px;font-weight:600}.device_detail .rightPanel .detailContent .infoSection .infoRow,.device_detail .rightPanel .detailContent .locationSection .infoRow{border-bottom:1px solid #f5f5f5;justify-content:space-between;align-items:center;padding:5px 0;display:flex}.device_detail .rightPanel .detailContent .infoSection .infoRow .label,.device_detail .rightPanel .detailContent .locationSection .infoRow .label{color:#666;font-size:13px}.device_detail .rightPanel .detailContent .infoSection .infoRow .value,.device_detail .rightPanel .detailContent .locationSection .infoRow .value{color:#222;font-size:13px;font-weight:500}.device_detail .rightPanel .detailContent .infoSection .infoRow .selectInput,.device_detail .rightPanel .detailContent .locationSection .infoRow .selectInput{color:#333;cursor:pointer;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;min-width:150px;padding:6px 12px;font-size:13px}.device_detail .rightPanel .detailContent .infoSection .infoRow .selectInput:focus,.device_detail .rightPanel .detailContent .locationSection .infoRow .selectInput:focus{border-color:#9c27b080;outline:none}.device_detail .rightPanel .detailContent .locationSection .locationRow{gap:40px;display:flex}.device_detail .rightPanel .detailContent .locationSection .locationRow .locationItem{flex-direction:column;gap:8px;display:flex}.device_detail .rightPanel .detailContent .locationSection .locationRow .locationItem .label{color:#666;font-size:13px}.device_detail .rightPanel .detailContent .locationSection .locationRow .locationItem .value{color:#222;font-size:13px;font-weight:500}.device_detail .rightPanel .detailContent .locationSection .locationRow .locationItem .selectInput{color:#333;cursor:pointer;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;min-width:180px;padding:6px 12px;font-size:13px}.device_detail .rightPanel .detailContent .locationSection .locationRow .locationItem .selectInput:focus{border-color:#9c27b080;outline:none}.device_detail .rightPanel .detailContent .mapSection .mapPlaceholder{background-color:#e0e0e0;border-radius:8px;width:100%;height:280px}.device_detail .rightPanel .detailContent .buttonWrap{justify-content:flex-end;gap:12px;padding-top:16px;display:flex}.device_detail .rightPanel .detailContent .buttonWrap .cancelBtn{color:#666;cursor:pointer;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:10px 24px;font-size:13px;font-weight:500}.device_detail .rightPanel .detailContent .buttonWrap .cancelBtn:hover{background-color:#f5f5f5}.device_detail .rightPanel .detailContent .buttonWrap .saveBtn{color:#fff;cursor:pointer;background-color:#9c27b0;border:none;border-radius:8px;padding:10px 24px;font-size:13px;font-weight:500}.device_detail .rightPanel .detailContent .buttonWrap .saveBtn:hover{background-color:#9c27b0e6}
.device_group{gap:15px;width:100%;height:100%;display:flex}.device_group .leftPanel{background-color:#fff;border-radius:12px;flex-direction:column;flex:1;display:flex}.device_group .leftPanel .panelHeader{padding:20px 24px}.device_group .leftPanel .panelHeader .panelTitle{color:#333;margin:0;font-size:18px;font-weight:600}.device_group .leftPanel .tableWrap{flex:1}.device_group .leftPanel .tableWrap .groupTable{border-collapse:collapse;width:100%}.device_group .leftPanel .tableWrap .groupTable thead tr th{text-align:left;color:#666;white-space:nowrap;background-color:#fff;padding:14px 20px;font-size:12px;font-weight:600}.device_group .leftPanel .tableWrap .groupTable thead tr th.colGroupId{width:120px}.device_group .leftPanel .tableWrap .groupTable thead tr th.colGroupName{width:auto}.device_group .leftPanel .tableWrap .groupTable thead tr th.colDeviceCount{text-align:right;width:80px}.device_group .leftPanel .tableWrap .groupTable tbody{border-top:3px solid #e5e4e4;border-bottom:3px solid #e5e4e4}.device_group .leftPanel .tableWrap .groupTable tbody tr{cursor:pointer;border-bottom:1px solid #f5f5f5;transition:background-color .15s}.device_group .leftPanel .tableWrap .groupTable tbody tr:hover{background-color:#fafafa}.device_group .leftPanel .tableWrap .groupTable tbody tr.selected{background-color:#9c27b00d}.device_group .leftPanel .tableWrap .groupTable tbody tr.selected td.groupId{color:#9c27b0}.device_group .leftPanel .tableWrap .groupTable tbody tr:last-child{border-bottom:none}.device_group .leftPanel .tableWrap .groupTable tbody tr td{color:#333;padding:14px 20px;font-size:13px}.device_group .leftPanel .tableWrap .groupTable tbody tr td.groupId{color:#666;font-weight:500}.device_group .leftPanel .tableWrap .groupTable tbody tr td.groupName{color:#333}.device_group .leftPanel .tableWrap .groupTable tbody tr td.deviceCount{text-align:right;color:#666}.device_group .leftPanel .tableFooter{border-top:1px solid #f0f0f0;padding:16px 24px}.device_group .leftPanel .tableFooter .totalCount{color:#999;font-size:13px}.device_group .rightPanel{background-color:#fff;border-radius:12px;flex-direction:column;flex:1;min-height:600px;display:flex}.device_group .rightPanel .emptyState{color:#999;flex:1;justify-content:center;align-items:center;font-size:14px;display:flex}.device_group .rightPanel .groupDetail{flex-direction:column;height:100%;display:flex}.device_group .rightPanel .groupDetail .detailHeader{border-bottom:1px solid #f0f0f0;padding:20px 24px}.device_group .rightPanel .groupDetail .detailHeader .detailTitle{color:#333;margin:0;font-size:18px;font-weight:700}.device_group .rightPanel .groupDetail .detailContent{flex:1;padding:24px;overflow-y:auto}.device_group .rightPanel .groupDetail .detailContent .groupNameTitle{color:#333;margin:0 0 24px;font-size:22px;font-weight:700}.device_group .rightPanel .groupDetail .detailContent .sectionTitle{color:#333;margin:0 0 12px;font-size:14px;font-weight:700}.device_group .rightPanel .groupDetail .detailContent .infoSection{border-top:3px solid #f0f0f0;border-bottom:3px solid #f0f0f0;margin-bottom:32px}.device_group .rightPanel .groupDetail .detailContent .infoSection .infoRow{border-bottom:1px solid #f5f5f5;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.device_group .rightPanel .groupDetail .detailContent .infoSection .infoRow:last-child{border-bottom:none}.device_group .rightPanel .groupDetail .detailContent .infoSection .infoRow .label{color:#333;font-size:13px;font-weight:700}.device_group .rightPanel .groupDetail .detailContent .infoSection .infoRow .value{color:#333;font-size:13px}.device_group .rightPanel .groupDetail .detailContent .deviceSection{border-top:3px solid #f0f0f0;border-bottom:3px solid #f0f0f0}.device_group .rightPanel .groupDetail .detailContent .deviceSection .deviceList .deviceRow{border-bottom:1px solid #f5f5f5;align-items:center;gap:16px;padding:12px 0;display:flex}.device_group .rightPanel .groupDetail .detailContent .deviceSection .deviceList .deviceRow:last-child{border-bottom:none}.device_group .rightPanel .groupDetail .detailContent .deviceSection .deviceList .deviceRow .deviceId{color:#333;min-width:120px;font-size:13px;font-weight:700}.device_group .rightPanel .groupDetail .detailContent .deviceSection .deviceList .deviceRow .deviceModel{color:#666;flex:1;font-size:13px}.device_group .rightPanel .groupDetail .detailContent .deviceSection .deviceList .deviceRow .deviceStatus{font-size:12px;font-weight:700}.device_group .rightPanel .groupDetail .detailContent .deviceSection .deviceList .deviceRow .deviceStatus.move{color:#2196f3}.device_group .rightPanel .groupDetail .detailContent .deviceSection .deviceList .deviceRow .deviceStatus.stop{color:#666}.device_group .rightPanel .groupDetail .detailContent .deviceSection .deviceList .deviceRow .deviceStatus.charging{color:#4caf50}.device_group .rightPanel .groupDetail .detailContent .deviceSection .deviceList .deviceRow .deviceStatus.ready{color:#666}.device_group .rightPanel .groupDetail .detailContent .deviceSection .deviceList .deviceRow .deviceStatus.error{color:#f44336}.device_group .rightPanel .groupDetail .detailContent .deviceSection .deviceList .deviceRow .deviceStatus.alarm{color:#ff9800}.device_group .rightPanel .groupDetail .detailFooter{border-top:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.device_group .rightPanel .groupDetail .detailFooter .assignBtn{color:#333;cursor:pointer;background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:8px 16px;font-size:13px}.device_group .rightPanel .groupDetail .detailFooter .assignBtn:hover{background-color:#f5f5f5}.device_group .rightPanel .groupDetail .detailFooter .actionBtns{gap:8px;display:flex}.device_group .rightPanel .groupDetail .detailFooter .actionBtns .cancelBtn{color:#333;cursor:pointer;background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:8px 20px;font-size:13px}.device_group .rightPanel .groupDetail .detailFooter .actionBtns .cancelBtn:hover{background-color:#f5f5f5}.device_group .rightPanel .groupDetail .detailFooter .actionBtns .deleteBtn{color:#fff;cursor:pointer;background-color:#f44336;border:none;border-radius:8px;padding:8px 20px;font-size:13px}.device_group .rightPanel .groupDetail .detailFooter .actionBtns .deleteBtn:hover{background-color:#d32f2f}.device_group .rightPanel .groupDetail .detailFooter .actionBtns .saveBtn{color:#fff;cursor:pointer;background-color:#2196f3;border:none;border-radius:8px;padding:8px 20px;font-size:13px}.device_group .rightPanel .groupDetail .detailFooter .actionBtns .saveBtn:hover{background-color:#1976d2}