*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#333}#app{min-height:100vh}.shell-container[data-v-0bf0217a]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.user-input-container[data-v-0bf0217a]{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.user-input-card[data-v-0bf0217a]{background:#fff;padding:40px;border-radius:12px;box-shadow:0 10px 30px #0003;text-align:center;max-width:400px;width:100%}.user-input-card h2[data-v-0bf0217a]{margin:0 0 30px;color:#333;font-size:24px}.input-group[data-v-0bf0217a]{display:flex;gap:10px;margin-top:20px}.user-input[data-v-0bf0217a]{flex:1;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;outline:none;transition:border-color .3s}.user-input[data-v-0bf0217a]:focus{border-color:#667eea}.save-btn[data-v-0bf0217a]{padding:12px 24px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:background-color .3s}.save-btn[data-v-0bf0217a]:hover{background:#5a6fd8}.main-app[data-v-0bf0217a]{min-height:100vh;display:flex;flex-direction:column}.app-header[data-v-0bf0217a]{background:#fff;padding:20px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;align-items:center}.app-header h1[data-v-0bf0217a]{margin:0;color:#333;font-size:24px}.user-info[data-v-0bf0217a]{display:flex;align-items:center;gap:20px}.user-info span[data-v-0bf0217a]{color:#666;font-size:14px}.connection-status[data-v-0bf0217a]{display:flex;align-items:center;gap:8px;font-size:14px}.heartbeat-status[data-v-0bf0217a]{font-size:12px;color:#28a745;font-weight:500}.status-indicator[data-v-0bf0217a]{width:8px;height:8px;border-radius:50%;display:inline-block}.status-indicator.connected[data-v-0bf0217a]{background:#28a745}.status-indicator.connecting[data-v-0bf0217a]{background:#ffc107}.status-indicator.disconnected[data-v-0bf0217a]{background:#dc3545}.status-indicator.reconnecting[data-v-0bf0217a]{background:#fd7e14}.reconnect-btn[data-v-0bf0217a]{padding:6px 12px;background:#17a2b8;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:background-color .3s}.reconnect-btn[data-v-0bf0217a]:hover{background:#138496}.logout-btn[data-v-0bf0217a]{padding:8px 16px;background:#ff4757;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s}.logout-btn[data-v-0bf0217a]:hover{background:#ff3742}.app-content[data-v-0bf0217a]{flex:1;padding:20px;background:#f8f9fa}.app-nav[data-v-0bf0217a]{margin-bottom:20px;padding:15px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.nav-link[data-v-0bf0217a]{display:inline-block;padding:8px 16px;margin-right:10px;color:#666;text-decoration:none;border-radius:6px;transition:all .3s}.nav-link[data-v-0bf0217a]:hover{background:#f8f9fa;color:#333}.nav-link.active[data-v-0bf0217a]{background:#667eea;color:#fff}.table-cell-content[data-v-dce8ef9d]{min-height:20px}.user-id-with-status[data-v-dce8ef9d]{display:flex;flex-direction:column;gap:4px}.user-id-header[data-v-dce8ef9d]{display:flex;align-items:center;gap:6px}.user-id-text[data-v-dce8ef9d]{font-family:monospace;font-weight:500;color:#495057;font-size:14px}.user-status-text[data-v-dce8ef9d]{font-size:12px;color:#666;margin-left:14px}.user-page[data-v-dce8ef9d]{color:#999}.action-buttons[data-v-dce8ef9d]{display:flex;flex-direction:column;gap:4px;margin-top:8px}.action-btn[data-v-dce8ef9d]{padding:4px 8px;border:none;border-radius:4px;cursor:pointer;font-size:11px;font-weight:500;transition:all .2s ease;text-align:left;min-width:80px}.action-btn[data-v-dce8ef9d]:hover{transform:translateY(-1px);box-shadow:0 2px 4px #00000026}.error-btn[data-v-dce8ef9d]{background:#dc3545;color:#fff}.error-btn[data-v-dce8ef9d]:hover{background:#c82333}.dropdown-container[data-v-dce8ef9d]{position:relative}.action-select[data-v-dce8ef9d]{width:100%;padding:4px 24px 4px 8px;border:none;border-radius:4px;cursor:pointer;font-size:11px;font-weight:500;transition:all .2s ease;text-align:left;min-width:80px;background:#28a745;color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 6px center;background-size:12px}.action-select[data-v-dce8ef9d]:hover{background-color:#218838}.action-select[data-v-dce8ef9d]:focus{outline:none;box-shadow:0 0 0 2px #28a7454d}.action-select option[data-v-dce8ef9d]{background:#fff;color:#333;padding:8px}.action-select option[data-v-dce8ef9d]:hover{background:#f8f9fa}.verification-modal-overlay[data-v-dce8ef9d]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.verification-modal[data-v-dce8ef9d]{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;width:90%;max-width:400px;max-height:90vh;overflow-y:auto}.modal-header[data-v-dce8ef9d]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eee}.modal-header h3[data-v-dce8ef9d]{margin:0;color:#333;font-size:18px}.close-btn[data-v-dce8ef9d]{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.close-btn[data-v-dce8ef9d]:hover{color:#333}.modal-body[data-v-dce8ef9d]{padding:20px}.input-group[data-v-dce8ef9d]{margin-bottom:16px}.input-group label[data-v-dce8ef9d]{display:block;margin-bottom:6px;color:#333;font-weight:500;font-size:14px}.verification-input[data-v-dce8ef9d]{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s ease;box-sizing:border-box}.verification-input[data-v-dce8ef9d]:focus{outline:none;border-color:#28a745;box-shadow:0 0 0 2px #28a7451a}.verification-textarea[data-v-dce8ef9d]{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s ease;box-sizing:border-box;resize:vertical;min-height:80px;font-family:inherit}.verification-textarea[data-v-dce8ef9d]:focus{outline:none;border-color:#28a745;box-shadow:0 0 0 2px #28a7451a}.modal-footer[data-v-dce8ef9d]{display:flex;gap:12px;padding:16px 20px;border-top:1px solid #eee;justify-content:flex-end}.cancel-btn[data-v-dce8ef9d],.submit-btn[data-v-dce8ef9d]{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.cancel-btn[data-v-dce8ef9d]{background:#f8f9fa;color:#666}.cancel-btn[data-v-dce8ef9d]:hover{background:#e9ecef}.submit-btn[data-v-dce8ef9d]{background:#28a745;color:#fff}.submit-btn[data-v-dce8ef9d]:hover{background:#218838}.status-indicator[data-v-dce8ef9d]{width:8px;height:8px;border-radius:50%;display:inline-block}.status-indicator.online[data-v-dce8ef9d]{background:#28a745}.status-indicator.offline[data-v-dce8ef9d]{background:#dc3545}.page-data[data-v-dce8ef9d]{min-width:0;max-width:100%;overflow:hidden}.loading-indicator[data-v-dce8ef9d]{display:flex;align-items:center;gap:8px;color:#17a2b8;font-size:12px;margin-top:8px;padding-top:8px;border-top:1px solid #e9ecef}.spinner[data-v-dce8ef9d]{width:16px;height:16px;border:2px solid #e9ecef;border-top:2px solid #17a2b8;border-radius:50%;animation:spin-dce8ef9d 1s linear infinite}@keyframes spin-dce8ef9d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.elements-data[data-v-dce8ef9d]{display:flex;flex-direction:column;gap:4px}.element-item[data-v-dce8ef9d]{display:flex;gap:8px;font-size:12px;line-height:1.4}.element-key[data-v-dce8ef9d]{font-weight:500;color:#495057;min-width:60px}.element-value[data-v-dce8ef9d]{color:#666;font-family:monospace;word-break:break-all}.other-data[data-v-dce8ef9d]{color:#495057;font-size:14px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copyable[data-v-dce8ef9d]{cursor:copy;-webkit-user-select:text;user-select:text;position:relative;border-radius:4px;transition:background-color .15s ease,box-shadow .15s ease,color .15s ease,text-decoration-color .15s ease}.copyable[data-v-dce8ef9d]:hover{background-color:#28a7451f;box-shadow:inset 0 0 0 1px #28a74540;color:#1f7a3a;text-decoration:underline dotted;text-underline-offset:2px}.copyable[data-v-dce8ef9d]:active{background-color:#28a7452e;box-shadow:inset 0 0 0 1px #28a74559}.user-id-with-status[data-v-dce8ef9d],.action-buttons[data-v-dce8ef9d],.elements-data[data-v-dce8ef9d]{max-width:100%;overflow:hidden}.data-table-container[data-v-957b001e]{padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a}.table-wrapper[data-v-957b001e]{overflow-x:auto;margin-bottom:20px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.data-table[data-v-957b001e]{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a;table-layout:fixed;min-width:800px}.data-table.single-col[data-v-957b001e]{min-width:0;width:auto;max-width:560px}.data-table.single-col th[data-v-957b001e]:nth-child(1),.data-table.single-col td[data-v-957b001e]:nth-child(1){width:360px!important;min-width:280px!important;max-width:360px!important}.data-table th[data-v-957b001e],.data-table td[data-v-957b001e]{box-sizing:border-box}.data-table[data-v-957b001e]{border-spacing:0}.data-table .table-cell[data-v-957b001e]>*{max-width:100%;overflow:hidden}.data-table th[data-v-957b001e]:nth-child(1){width:280px!important;min-width:280px!important;max-width:280px!important}.data-table th[data-v-957b001e]:not(:nth-child(1)){width:200px!important;min-width:150px!important;max-width:200px!important}.data-table td[data-v-957b001e]:nth-child(1){width:280px!important;min-width:280px!important;max-width:280px!important}.data-table td[data-v-957b001e]:not(:nth-child(1)){width:200px!important;min-width:150px!important;max-width:200px!important}.table-header-cell[data-v-957b001e],.table-cell[data-v-957b001e]{padding:12px 16px;text-align:left;border-bottom:1px solid #eee;vertical-align:top;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table .table-header-cell[data-v-957b001e]:first-child,.data-table .table-cell[data-v-957b001e]:first-child{width:280px!important;max-width:280px!important;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.data-table .table-header-cell[data-v-957b001e]:not(:first-child),.data-table .table-cell[data-v-957b001e]:not(:first-child){width:200px!important;max-width:200px!important;min-width:150px!important}.table-header-cell[data-v-957b001e]{background:#f8f9fa;font-weight:600;color:#495057;font-size:14px;position:sticky;top:0;z-index:10}.table-row[data-v-957b001e]:hover,.empty-row[data-v-957b001e]{background:#f8f9fa}.empty-cell[data-v-957b001e]{text-align:center;color:#666;font-style:italic;padding:40px 20px}@media (max-width: 768px){.data-table-container[data-v-957b001e]{padding:16px}.data-table[data-v-957b001e]{min-width:600px}.data-table.single-col[data-v-957b001e]{min-width:0;width:auto;max-width:420px}.data-table.single-col th[data-v-957b001e]:nth-child(1),.data-table.single-col td[data-v-957b001e]:nth-child(1){width:260px!important;min-width:220px!important;max-width:260px!important}.table-header-cell[data-v-957b001e],.table-cell[data-v-957b001e]{padding:8px 12px;font-size:13px}.data-table th[data-v-957b001e]:nth-child(1),.data-table td[data-v-957b001e]:nth-child(1){width:200px!important;min-width:200px!important;max-width:200px!important}.data-table th[data-v-957b001e]:not(:nth-child(1)),.data-table td[data-v-957b001e]:not(:nth-child(1)){width:150px!important;min-width:120px!important;max-width:150px!important}}