body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%;overflow:hidden}body{background:#f0f2f5;color:#1a1a2e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login-container{align-items:center;background:#f0f2f5;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.login-form{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001f;max-width:380px;padding:2.5rem;text-align:center;width:100%}.login-form h2{color:#1a1a2e;margin-bottom:.5rem}.login-form p{color:#666;font-size:.9rem;margin-bottom:1.5rem}.login-form input{border:1px solid #d0d0d0;border-radius:4px;font-size:1rem;margin-bottom:1rem;padding:.75rem;width:100%}.login-form input:focus{border-color:#0f3460;box-shadow:0 0 0 2px #0f346026;outline:none}.login-form button{background:#0f3460;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;width:100%}.login-form button:hover{background:#16213e}.error{color:#e74c3c;font-size:.9rem;margin-top:.5rem;text-align:center}.app{display:flex;flex-direction:column;height:100vh;margin:0 auto;max-width:1200px;padding:20px}.app-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.app-header h1{color:#1a1a2e;font-size:1.5rem;font-weight:700}.app-body{display:flex;flex:1 1;gap:1rem;min-height:0;overflow:hidden}button{background:#0f3460;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:.4rem .8rem}button:hover{background:#16213e}button:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:none;border:1px solid #d0d0d0;color:#666}.btn-secondary:hover{background:#f0f2f5;color:#1a1a2e}.device-list{flex-shrink:0;overflow-y:auto;width:280px}.device-list,.device-list-header{display:flex;flex-direction:column;gap:.5rem}.device-list-header{margin-bottom:.25rem}.device-list-header h3{color:#666;font-size:.85rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.search-input{border:1px solid #d0d0d0;border-radius:4px;font-size:.85rem;padding:.5rem .75rem;width:100%}.search-input:focus{border-color:#0f3460;box-shadow:0 0 0 2px #0f346026;outline:none}.device-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #00000014;cursor:pointer;padding:.75rem 1rem;transition:box-shadow .2s}.device-card:hover{box-shadow:0 4px 12px #00000026}.device-card.selected{border-color:#0f3460}.device-card-header{align-items:center;display:flex;gap:.5rem}.device-card-header strong{color:#16213e;font-size:1rem}.device-card-meta{color:#999;display:flex;font-size:.75rem;justify-content:space-between;margin-top:.3rem}.status-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:8px;width:8px}.status-dot.online{background:#22c55e}.status-dot.offline{background:#bbb}.main-content{display:flex;flex:1 1;flex-direction:column;gap:1rem;min-height:0;min-width:0;overflow:hidden}.tab-bar{display:flex;flex-shrink:0}.tab-btn{background:#f8f9fb;border:none;border-bottom:2px solid #0000;border-radius:0;color:#888;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:500;padding:.6rem 1rem}.tab-btn:hover{background:#f0f2f5;color:#1a1a2e}.tab-btn.active{background:#fff;border-bottom-color:#0f3460;color:#0f3460}.config-panel{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #00000014;flex:1 1;min-height:0;overflow-y:auto;padding:1rem 1.5rem}.config-panel.empty{align-items:center;color:#999;display:flex;font-size:1rem;justify-content:center;min-height:120px}.config-header{align-items:center;display:flex;gap:1rem;margin-bottom:.75rem}.config-header h3{color:#16213e;font-size:1.1rem}.config-updated{color:#999;flex:1 1;font-size:.7rem;font-weight:400}.config-message{background:#fff3cd;border:1px solid #ffc107;border-radius:4px;color:#856404;font-size:.85rem;margin-bottom:.75rem;padding:.5rem .8rem}.config-fields{background:#fff;border:1px solid #e0e0e0;border-radius:4px}.config-field{align-items:baseline;border-bottom:1px solid #f0f2f5;display:flex;font-size:.85rem;gap:.35rem;padding:.35rem .75rem}.config-field:last-child{border-bottom:none}.config-field:hover{background:#f8f9fb}.config-field-name{color:#666;flex-shrink:0;white-space:nowrap;width:160px}.config-field-value{color:#1a1a2e;font-family:Consolas,Monaco,monospace;word-break:break-word}.config-field-group{border-bottom:1px solid #f0f2f5}.config-field-group:last-child{border-bottom:none}.config-field-group-name{align-items:center;background:#f8f9fb;color:#16213e;display:flex;font-size:.75rem;font-weight:600;gap:.4rem;letter-spacing:.05em;padding:.35rem .75rem;text-transform:uppercase}.config-field-group-body{padding-left:1rem}.config-field-group-body .config-field:last-child{border-bottom:none}.config-field-name{align-items:center;display:inline-flex;gap:.3rem}.field-edit-btn{background:none;border:none;border-radius:3px;color:#b5bcc6;cursor:pointer;font-size:.8rem;line-height:1;padding:.2rem .35rem;transition:color .15s,background .15s}.field-edit-btn:hover{background:#0f3460;color:#fff}.config-field-group-name .field-edit-btn{font-size:.85rem}.modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.modal{background:#fff;border-radius:8px;box-shadow:0 10px 40px #00000040;flex-direction:column;padding:1.25rem 1.5rem;width:min(520px,90vw)}.modal,.modal-header{display:flex;gap:.75rem}.modal-header{align-items:baseline;justify-content:space-between}.modal-header h3{color:#16213e;font-family:Consolas,Monaco,monospace;font-size:1rem;word-break:break-all}.modal-type{color:#999;font-size:.7rem;letter-spacing:.05em;text-transform:uppercase}.modal-input{background:#fff;border:1px solid #d0d0d0;border-radius:4px;color:#1a1a2e;font-family:Consolas,Monaco,monospace;font-size:.9rem;padding:.6rem;width:100%}.modal-input:focus{border-color:#0f3460;box-shadow:0 0 0 2px #0f346026;outline:none}.modal textarea{border:1px solid #d0d0d0;border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:.85rem;line-height:1.5;min-height:120px;padding:.6rem;resize:vertical;width:100%}.modal textarea:focus{border-color:#0f3460;box-shadow:0 0 0 2px #0f346026;outline:none}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end}.config-editor textarea{border:1px solid #d0d0d0;border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:.85rem;line-height:1.5;min-height:250px;padding:.75rem;resize:vertical;width:100%}.config-editor textarea:focus{border-color:#0f3460;box-shadow:0 0 0 2px #0f346026;outline:none}.config-editor-actions{display:flex;gap:.5rem;margin-top:.8rem}.events-panel{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #00000014;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:1rem 1.5rem}.events-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.75rem}.events-header h3{color:#16213e;font-size:1.1rem}.events-filters{display:flex;flex-wrap:wrap;gap:.3rem}.filter-btn{background:none;border:1px solid #d0d0d0;border-radius:4px;color:#666;cursor:pointer;font-size:.75rem;padding:.25rem .5rem}.filter-btn:hover{background:#f0f2f5;color:#1a1a2e}.filter-btn.active{background:#0f3460;border-color:#0f3460;color:#fff}.events-list{border:1px solid #e0e0e0;border-radius:4px;flex:1 1;min-height:0;overflow-y:auto}.events-empty{color:#999;padding:2rem;text-align:center}.event-row{border-bottom:1px solid #f0f2f5;cursor:pointer;padding:.5rem .75rem}.event-row:last-child{border-bottom:none}.event-row:hover{background:#f0f2f5}.event-row-header{align-items:center;display:flex;justify-content:space-between}.event-badge{border-radius:3px;display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.05em;padding:.15rem .5rem;text-transform:uppercase}.event-badge.telemetry{background:#e8eef6;color:#0f3460}.event-badge.config_get,.event-badge.config_post{background:#fef9e7;color:#7b6c00}.event-badge.config_panel_update{background:#fdedec;color:#943126}.event-badge.heartbeat{background:#f0f2f5;color:#666}.event-badge.config_push{background:#e8daef;color:#6c3483}.event-badge.config_ack{background:#d5f5e3;color:#1e8449}.event-badge.log-info{background:#e8eef6;color:#0f3460}.event-badge.log-warn{background:#fef9e7;color:#7b6c00}.event-badge.log-error{background:#fdedec;color:#943126}.event-preview{color:#999;flex:1 1;font-family:Consolas,Monaco,monospace;font-size:.75rem;margin:0 .75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-time{color:#aaa;flex-shrink:0;font-size:.7rem}.event-data{background:#f8f9fb;border:1px solid #e0e0e0;border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:.75rem;margin-top:.5rem;max-height:200px;overflow-x:auto;overflow-y:auto;padding:.5rem;white-space:pre-wrap;word-break:break-word}.left-toggle{background:#e8eaf0;border-radius:6px;display:flex;gap:4px;margin-bottom:.75rem;padding:3px}.seg-btn{background:#0000;border:none;border-radius:4px;color:#666;cursor:pointer;flex:1 1;font-size:.8rem;font-weight:500;padding:.4rem .5rem;transition:background .15s,color .15s}.seg-btn:hover{background:#ffffff80;color:#1a1a2e}.seg-btn.active{background:#fff;box-shadow:0 1px 2px #0000001a;color:#0f3460}.seg-btn.active:hover{background:#fff}.device-card-version{background:#e8eef6;border-radius:3px;color:#0f3460;display:inline-block;font-family:Consolas,Monaco,monospace;font-size:.7rem;margin-top:.3rem;padding:.1rem .5rem}.version-select{background:#fff;border:1px solid #d0d0d0;border-radius:4px;color:#1a1a2e;cursor:pointer;font-size:.8rem;padding:.3rem .5rem}.version-select:focus{border-color:#0f3460;box-shadow:0 0 0 2px #0f346026;outline:none}.version-create{flex-direction:column}.version-create,.version-create-actions{display:flex;gap:.4rem}.version-create-actions button{flex:1 1;font-size:.75rem;padding:.3rem .5rem}.overview-section{margin-bottom:1.25rem}.overview-section:last-child{margin-bottom:0}.overview-section-title{align-items:center;color:#666;display:flex;font-size:.75rem;font-weight:600;gap:.4rem;letter-spacing:.05em;margin-bottom:.4rem;text-transform:uppercase}.help-btn{align-items:center;background:none;border:1px solid #d0d0d0;border-radius:50%;color:#888;cursor:pointer;display:inline-flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;line-height:1;padding:0;width:18px}.help-btn:hover{background:#0f3460;border-color:#0f3460;color:#fff}.modal-wide{width:min(680px,92vw)}.help-list{flex-direction:column}.help-list,.help-row{display:flex;gap:.75rem}.help-row{align-items:baseline}.help-name{color:#16213e;flex-shrink:0;font-size:.85rem;font-weight:600;width:130px}.help-desc{color:#444;font-size:.85rem;line-height:1.45}.status-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.35rem;letter-spacing:.05em;padding:.1rem .55rem;text-transform:uppercase}.status-pill.online{background:#d5f5e3;color:#1e8449}.status-pill.offline{background:#f0f2f5;color:#666}.settings-hint{color:#999;font-size:.8rem;font-style:italic;padding:.75rem}.settings-list{gap:1rem}.settings-list,.settings-row{display:flex;flex-direction:column}.settings-row{gap:.3rem}.settings-label{color:#16213e;font-family:Consolas,Monaco,monospace;font-size:.8rem;font-weight:600}.settings-input-row{align-items:center;display:flex;gap:.5rem}.settings-input-row .search-input{flex:1 1;font-family:Consolas,Monaco,monospace}.settings-updated{color:#999;font-size:.7rem}@media (max-width:750px){.app{padding:12px 10px}.app-header h1{font-size:1.2rem}.app-body{flex-direction:column}.device-list{max-height:200px;width:100%}.main-content{min-height:0}}
/*# sourceMappingURL=main.007219be.css.map*/