.user-email-display[data-v-a2e784c9]{font-size:18px;font-weight:700;color:#1a1a1a}.modify-btn-new[data-v-a2e784c9]{color:#1976d2!important;text-transform:none!important;font-weight:500!important;padding:4px 8px!important;min-width:auto!important;height:auto!important}.modify-btn-new[data-v-a2e784c9]:hover{background-color:#1976d214!important}.private-key-label[data-v-a2e784c9]{font-weight:600;color:#333;margin-right:8px;cursor:pointer;font-size:18px}.private-key-value[data-v-a2e784c9]{font-family:Courier New,monospace;font-size:18px;color:#000;font-weight:700;margin-right:8px}.eye-icon[data-v-a2e784c9]{cursor:pointer;display:inline-flex;align-items:center;vertical-align:middle;transform:translateY(2.5px)}.user-row[data-v-a2e784c9]{height:auto;margin-bottom:8px}.modify-text[data-v-a2e784c9]{font-weight:400;color:#757575;cursor:pointer}.binding-actions[data-v-a2e784c9]{padding-right:0;color:#9e9e9e;display:flex;align-items:center}.binding-item[data-v-a2e784c9]{display:flex;align-items:center;margin-right:20px}.binding-item[data-v-a2e784c9]:last-child{margin-right:0}.binding-label[data-v-a2e784c9]{font-weight:400;font-size:14px;margin-right:4px}.binding-link[data-v-a2e784c9]{font-size:14px;text-decoration:none;color:#9e9e9e}.binding-link.disabled[data-v-a2e784c9]{pointer-events:none}.topic-header[data-v-a2e784c9]{font-size:17.4px;font-weight:500;line-height:30px;margin-bottom:0}.port-info[data-v-a2e784c9]{font-size:16px;color:gray;line-height:30px;margin-bottom:0}.help-link[data-v-a2e784c9]{font-size:13px;color:gray;text-decoration:none;margin-left:5px}.v-text-field .v-input__control .v-input__slot[data-v-a2e784c9]{min-height:auto!important;display:flex!important;align-items:center!important}.v-text-field--solo>.v-input__control>.v-input__slot[data-v-a2e784c9]{border:1px solid #e0e0e0!important;border-radius:4px!important;box-shadow:none!important}#input-29[data-v-a2e784c9]{margin-top:5px;margin-bottom:5px}.service-blocks[data-v-a2e784c9]{display:flex;gap:16px;height:100%;padding:8px}.service-block[data-v-a2e784c9]{flex:1;background:#fafbfc;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;border:1px solid #f0f0f0;transition:all .2s ease;padding:16px 8px;box-shadow:0 2px 8px #00000014;transform:translateY(0)}.service-block[data-v-a2e784c9]:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000001f;border-color:#e5e5e5;background:#f5f6f7}.service-block[data-v-a2e784c9]:active{transform:translateY(-1px);box-shadow:0 3px 10px #0000001a}.service-block.primary[data-v-a2e784c9]{background:#1867c0;border-color:#1455a0;border-width:2px;box-shadow:0 4px 12px #1867c033}.service-block.primary[data-v-a2e784c9]:hover{background:#1455a0;border-color:#104480;box-shadow:0 8px 24px #1867c04d}.service-name[data-v-a2e784c9]{font-size:16px;font-weight:700;color:#333;text-align:center}.service-block.primary .service-name[data-v-a2e784c9]{color:#fff;font-weight:700;font-size:16px}@media (max-width: 768px){.service-blocks[data-v-a2e784c9]{gap:4px}.service-name[data-v-a2e784c9]{font-size:14px}.user-email-display[data-v-a2e784c9]{font-size:16px}.private-key-row[data-v-a2e784c9]{flex-wrap:wrap!important;align-items:flex-start!important;gap:4px!important}.private-key-label[data-v-a2e784c9]{font-size:16px!important;margin-right:4px!important;flex-shrink:0!important}.private-key-value[data-v-a2e784c9]{font-size:14px!important;line-height:1.4!important;flex:1!important;min-width:0!important;word-break:break-all!important;margin-right:4px!important;overflow-wrap:break-word!important}.eye-icon[data-v-a2e784c9]{transform:translateY(0)!important;flex-shrink:0!important;margin-left:0!important}.v-card-text.pa-6[data-v-a2e784c9]{padding:12px!important}.user-row[data-v-a2e784c9]{margin-bottom:12px!important}}@media (max-width: 768px){.binding-item[data-v-a2e784c9]{flex-direction:column;align-items:flex-start;margin-bottom:8px}}.add-device-container[data-v-a2e784c9]{display:flex;align-items:center;gap:16px;padding:16px 24px;width:100%;cursor:pointer;background:linear-gradient(135deg,#1976d2,#4f9cf9);border-radius:12px;box-shadow:0 4px 15px #4f9cf94d;transition:all .3s ease}.add-device-container[data-v-a2e784c9]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4f9cf966;background:linear-gradient(135deg,#1565c0,#3d8bfd)}.add-device-container[data-v-a2e784c9]:active{transform:translateY(0);box-shadow:0 2px 8px #4f9cf94d}.add-device-icon[data-v-a2e784c9]{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fff3;border-radius:50%;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.plus-icon[data-v-a2e784c9]{font-size:28px;font-weight:200;color:#fff;line-height:1;display:flex;align-items:center;justify-content:center;height:100%;margin-top:-8px}.add-device-text[data-v-a2e784c9]{flex:1;color:#fff}.add-device-title[data-v-a2e784c9]{font-size:18px;font-weight:600;margin-bottom:2px;letter-spacing:.5px}.add-device-subtitle[data-v-a2e784c9]{font-size:13px;opacity:.9;font-weight:400}@media (max-width: 768px){.add-device-container[data-v-a2e784c9]{padding:12px 16px;gap:12px}.add-device-icon[data-v-a2e784c9]{width:40px;height:40px}.add-device-title[data-v-a2e784c9]{font-size:16px}.add-device-subtitle[data-v-a2e784c9]{font-size:12px}}.create-modal-content[data-v-a2e784c9]{padding:8px 0;min-height:200px}.create-modal-content *[data-v-a2e784c9]{transition:none!important}.create-form-item[data-v-a2e784c9]{margin-bottom:20px}.form-label[data-v-a2e784c9]{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#333;line-height:16px}.create-type-switch[data-v-a2e784c9]{width:100%;height:48px!important}.create-type-switch .v-btn[data-v-a2e784c9]{flex:1;text-transform:none!important;font-weight:500!important;height:48px!important;min-height:48px!important}.label-with-help[data-v-a2e784c9]{display:flex;align-items:baseline;gap:6px;margin-bottom:8px}.help-icon[data-v-a2e784c9]{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:11px;font-weight:700;color:#666;text-decoration:none;background:#f5f5f5;border-radius:50%;transition:all .3s;border:1px solid #ddd;flex-shrink:0;vertical-align:middle}.help-icon[data-v-a2e784c9]:hover{color:#1976d2;background:#e3f2fd;border-color:#1976d2}.close-icon[data-v-a2e784c9]{font-size:20px;font-weight:400;color:#666;line-height:1}.device-type-select[data-v-a2e784c9]{transition:none!important}.device-type-select .v-input__control[data-v-a2e784c9]{min-height:56px!important;height:56px!important;transition:none!important}.device-type-select .v-input__slot[data-v-a2e784c9]{min-height:56px!important;height:56px!important;display:flex!important;align-items:center!important;transition:none!important;overflow:hidden!important}.device-type-select .v-select__slot[data-v-a2e784c9]{height:56px!important;display:flex!important;align-items:center!important;transition:none!important;overflow:hidden!important}.device-type-select .v-select__selections[data-v-a2e784c9]{height:56px!important;min-height:56px!important;max-height:56px!important;display:flex!important;align-items:center!important;overflow:hidden!important;flex-wrap:nowrap!important}.device-type-select .v-select__selection[data-v-a2e784c9]{line-height:1.4!important;max-height:40px!important;height:auto!important;display:flex!important;align-items:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin:0!important;padding:0!important}.device-type-select .v-select__selections input[data-v-a2e784c9]{height:40px!important;line-height:40px!important;margin:0!important;padding:0!important}.device-type-select .v-input__append-inner[data-v-a2e784c9]{align-self:center!important;margin-top:0!important;height:56px!important;display:flex!important;align-items:center!important}.device-type-select .v-menu__content[data-v-a2e784c9]{margin-top:8px!important}.device-type-select.v-input--is-loading .v-input__control[data-v-a2e784c9]{min-height:56px!important;height:56px!important}.device-type-select.v-input--is-loading .v-select__selections[data-v-a2e784c9]{height:56px!important;min-height:56px!important;max-height:56px!important}.create-form-item .v-text-field .v-input__control[data-v-a2e784c9],.create-form-item .v-select .v-input__control[data-v-a2e784c9]{min-height:56px!important;height:56px!important}.create-form-item .v-text-field .v-input__slot[data-v-a2e784c9],.create-form-item .v-select .v-input__slot[data-v-a2e784c9]{min-height:56px!important;height:56px!important;display:flex!important;align-items:center!important}.custom-topic-input .v-input__control[data-v-a2e784c9]{min-height:56px!important;height:56px!important}.custom-topic-input .v-input__slot[data-v-a2e784c9]{min-height:56px!important;height:56px!important;display:flex!important;align-items:center!important}.custom-topic-input .v-input__append-inner[data-v-a2e784c9]{align-self:center!important;margin-top:0!important}.device-type-select.v-select--is-menu-active .v-input__slot[data-v-a2e784c9],.device-type-select.v-input--is-focused .v-input__slot[data-v-a2e784c9],.device-type-select.v-input--has-state .v-input__slot[data-v-a2e784c9]{min-height:56px!important;height:56px!important}.device-type-select.v-select--is-menu-active .v-select__selections[data-v-a2e784c9],.device-type-select.v-input--is-focused .v-select__selections[data-v-a2e784c9],.device-type-select.v-input--has-state .v-select__selections[data-v-a2e784c9]{height:56px!important;min-height:56px!important;max-height:56px!important}.device-type-select *[data-v-a2e784c9]{transition:none!important;animation:none!important}.device-type-select .v-select__selection--placeholder[data-v-a2e784c9]{height:auto!important;line-height:1.4!important;margin:0!important;padding:0!important}.fixed-height-select.v-input.v-input--dense.v-select[data-v-a2e784c9],.fixed-height-select.v-input.v-input--dense .v-input__control[data-v-a2e784c9]{height:48px!important;min-height:48px!important;max-height:48px!important}.fixed-height-select.v-input.v-input--dense .v-input__slot[data-v-a2e784c9]{height:48px!important;min-height:48px!important;max-height:48px!important;display:flex!important;align-items:center!important;padding:0 8px!important;overflow:visible!important}.fixed-height-select.v-input.v-input--dense .v-select__selections[data-v-a2e784c9]{height:48px!important;min-height:48px!important;max-height:48px!important;display:flex!important;align-items:center!important;flex:1!important;overflow:visible!important;flex-wrap:nowrap!important;line-height:1.4!important;width:auto!important;min-width:0!important}.fixed-height-select.v-input.v-input--dense .v-select__selection[data-v-a2e784c9]{height:auto!important;max-height:none!important;line-height:1.4!important;display:flex!important;align-items:center!important;white-space:nowrap!important;overflow:visible!important;margin:0!important;padding:0!important;font-size:14px!important;width:auto!important;max-width:none!important;flex-shrink:0!important}.fixed-height-select.v-input.v-input--dense.v-select--is-menu-active[data-v-a2e784c9],.fixed-height-select.v-input.v-input--dense.v-input--is-focused[data-v-a2e784c9],.fixed-height-select.v-input.v-input--dense.v-input--has-state[data-v-a2e784c9],.fixed-height-select.v-input.v-input--dense.v-input--is-loading[data-v-a2e784c9],.fixed-height-select.v-input.v-input--dense.v-select--is-menu-active .v-input__slot[data-v-a2e784c9],.fixed-height-select.v-input.v-input--dense.v-input--is-focused .v-input__slot[data-v-a2e784c9],.fixed-height-select.v-input.v-input--dense.v-input--has-state .v-input__slot[data-v-a2e784c9],.fixed-height-select.v-input.v-input--dense.v-input--is-loading .v-input__slot[data-v-a2e784c9]{height:48px!important;min-height:48px!important;max-height:48px!important}.fixed-height-select.v-input.v-input--dense.v-select--is-menu-active .v-select__selections[data-v-a2e784c9],.fixed-height-select.v-input.v-input--dense.v-input--is-focused .v-select__selections[data-v-a2e784c9],.fixed-height-select.v-input.v-input--dense.v-input--has-state .v-select__selections[data-v-a2e784c9],.fixed-height-select.v-input.v-input--dense.v-input--is-loading .v-select__selections[data-v-a2e784c9]{height:48px!important;min-height:48px!important;max-height:48px!important;overflow:visible!important}.fixed-height-select.v-input.v-input--dense.v-select--is-menu-active .v-input__append-inner[data-v-a2e784c9],.fixed-height-select.v-input.v-input--dense.v-input--is-focused .v-input__append-inner[data-v-a2e784c9],.fixed-height-select.v-input.v-input--dense.v-input--has-state .v-input__append-inner[data-v-a2e784c9],.fixed-height-select.v-input.v-input--dense.v-input--is-loading .v-input__append-inner[data-v-a2e784c9]{height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-top:0!important;margin-bottom:0!important;align-self:center!important}.fixed-height-select.v-input.v-input--dense .v-select__selection--comma[data-v-a2e784c9]{overflow:visible!important;white-space:nowrap!important;display:flex!important;align-items:center!important;height:auto!important;line-height:1.4!important;width:auto!important;max-width:none!important;flex-shrink:0!important}.fixed-height-input.v-input.v-input--dense.v-text-field[data-v-a2e784c9],.fixed-height-input.v-input.v-input--dense .v-input__control[data-v-a2e784c9]{height:48px!important;min-height:48px!important;max-height:48px!important}.fixed-height-input.v-input.v-input--dense .v-input__slot[data-v-a2e784c9]{height:48px!important;min-height:48px!important;max-height:48px!important;display:flex!important;align-items:center!important}.fixed-height-select.v-input.v-input--dense .v-select__selections input[data-v-a2e784c9]{height:auto!important;line-height:1.4!important;margin:0!important;padding:0!important;border:none!important;outline:none!important;background:transparent!important}.fixed-height-select.v-input.v-input--dense .v-input__append-inner[data-v-a2e784c9]{height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-top:0!important;margin-bottom:0!important;padding-left:4px!important;flex-shrink:0!important;align-self:center!important}.fixed-height-select.v-input.v-input--dense .v-input__append-inner .v-input__icon[data-v-a2e784c9]{height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-top:0!important;margin-bottom:0!important}.fixed-height-select.v-input.v-input--dense .v-input__append-inner .v-icon[data-v-a2e784c9]{display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;line-height:1!important}.tcp-data-container[data-v-41137304]{background-color:#f5f5f5;min-height:100vh;padding:20px 40px}.main-content[data-v-41137304]{max-width:none;margin:0 auto}.loading-container[data-v-41137304]{padding:20px 0}.device-skeleton[data-v-41137304]{height:300px}.empty-state[data-v-41137304]{text-align:center;padding:80px 20px}.empty-title[data-v-41137304]{color:#666;margin:20px 0 10px;font-weight:400}.empty-subtitle[data-v-41137304]{color:#999;font-size:16px}.device-grid[data-v-41137304]{margin:0 -20px}.device-col[data-v-41137304]{padding:20px}.device-card[data-v-41137304]{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;transition:all .3s ease;overflow:hidden}.device-card[data-v-41137304]:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.device-header[data-v-41137304]{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 20px 16px;border-bottom:1px solid #f0f0f0}.device-info[data-v-41137304]{flex:1}.device-topic[data-v-41137304]{font-weight:600;font-size:16px;color:#2c3e50;margin-bottom:8px;display:flex;align-items:center;word-break:break-all}.device-nickname[data-v-41137304]{font-size:13px;color:#6c757d;cursor:pointer;padding:2px 0;border-radius:4px;transition:all .2s;display:block;margin-top:4px}.device-nickname[data-v-41137304]:hover{color:#495057;text-decoration:underline}.delete-btn[data-v-41137304]{margin-left:12px}.delete-text[data-v-41137304]{font-size:12px;font-weight:500;color:#f44336;line-height:1}.empty-text[data-v-41137304]{font-size:48px;font-weight:700;color:#bdbdbd;display:block;margin-bottom:20px}.message-section[data-v-41137304]{padding:16px 20px}.message-input-group[data-v-41137304]{display:flex;gap:12px;align-items:center}.message-input[data-v-41137304]{flex:1;position:relative}.message-input[data-v-41137304] .v-input__control{min-height:40px!important}.message-input[data-v-41137304] .v-input__slot{min-height:40px!important;padding:0 12px!important}.message-input[data-v-41137304] .v-text-field__details{display:none!important}.message-input[data-v-41137304] .v-input{margin:0!important;padding:0!important}.send-btn[data-v-41137304]{flex-shrink:0;height:40px!important;min-height:40px!important;margin-top:0!important}.device-status[data-v-41137304]{padding:16px 20px;background-color:#f8f9fa}.status-item[data-v-41137304]{display:flex;margin-bottom:4px}.status-item[data-v-41137304]:last-child{margin-bottom:8px}.status-label[data-v-41137304]{font-weight:400;font-size:14px;color:#6c757d;min-width:50px}.status-value[data-v-41137304]{font-size:14px;color:#2c3e50;word-break:break-all}.msg-badge[data-v-41137304]{padding:2px 8px;font-family:monospace;font-size:14px;color:#606266;background:#f8f9fb;border-radius:4px;word-break:break-all}.online-status[data-v-41137304]{font-size:14px;line-height:1.4}.online[data-v-41137304]{color:#28a745;font-weight:500}.offline[data-v-41137304]{color:#6c757d}.divider[data-v-41137304]{margin:0 8px;color:#dee2e6}.device-actions[data-v-41137304]{display:flex;gap:8px;padding:16px 20px;border-top:1px solid #f0f0f0}.action-btn[data-v-41137304]{flex:1;text-transform:none;height:35px!important;font-size:14px}.device-actions .v-btn.teal[data-v-41137304]{color:#fff!important}.close-icon[data-v-41137304]{font-size:20px;color:#666;line-height:1}.rename-form[data-v-41137304]{padding:16px 0}.form-item[data-v-41137304]{margin-bottom:16px}.form-label[data-v-41137304]{font-weight:500;color:#495057;margin-bottom:8px;display:block}.form-value[data-v-41137304]{color:#2c3e50;font-family:monospace;background:#f8f9fa;padding:8px 12px;border-radius:4px;font-size:14px}@media (max-width: 768px){.tcp-data-container[data-v-41137304]{padding:15px 10px}.device-grid[data-v-41137304]{margin:0 -10px}.device-col[data-v-41137304]{padding:10px}.device-card[data-v-41137304]{margin-bottom:16px}.device-header[data-v-41137304]{padding:16px}.message-section[data-v-41137304],.device-status[data-v-41137304],.device-actions[data-v-41137304]{padding-left:16px;padding-right:16px}.device-actions[data-v-41137304]{flex-direction:row;gap:8px}.action-btn[data-v-41137304]{flex:1;height:40px!important;min-height:40px!important;font-size:14px!important;margin-bottom:0}}@media (max-width: 480px){.message-input-group[data-v-41137304]{flex-direction:column;align-items:stretch;gap:8px}.message-input[data-v-41137304]{width:100%}.send-btn[data-v-41137304]{width:100%;height:40px!important}}