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}.App{font-family:Arial,sans-serif}.main-container{align-items:flex-start;display:flex;flex-direction:row;gap:20px;justify-content:space-between;margin:20px;padding:10rem}.message-container-graph{background-color:#;flex:2 1;height:80vh;padding-left:1rem;padding-right:1rem;padding-top:3rem}.id-container,.message-container-graph{border-radius:8px;box-shadow:0 4px 8px #0000001a;max-height:80vh;overflow-y:auto}.id-container{background-color:#fff;flex:1 1;padding:20px}.id,.message{border:1px solid #ddd;border-radius:4px;margin-bottom:10px;padding:10px}h2{font-size:1.5em}p{color:#555;font-size:1em;margin:0;text-align:center}.topic-container{background-color:#f9f9f9;border-right:1px solid #ccc;overflow-y:auto;padding:10px;width:100%}.topic{border-radius:4px;cursor:pointer;margin:4px 0;padding:8px;transition:background-color .2s}.topic:hover{background-color:#eee}.topic.active{background-color:#007bff;color:#fff}.row{width:100%}.topic-list{border:1px solid #ccc;border-radius:5px}.graph-component{box-sizing:border-box;justify-content:flex-start;max-width:100%;padding:10px}.graph-heading{font-weight:700;text-align:center}.graph-content{align-items:center;background-color:#e9ecef;border:1px solid #ccc;display:flex;flex-grow:1;justify-content:center}.topic-list li{border-bottom:1px solid #eee;padding:8px 12px}.topic-list li:hover{background-color:#f0f0f0}.clear-filter,.topic-list li.active{background-color:#007bff}.clear-filter{border-radius:5px;max-width:10%;padding:5px 10px}.clear-filter:hover{background-color:#0056b3}.topic-container{flex:1 1;min-width:400px}.message-container{flex:2 1;max-width:100%;overflow-y:auto}.selected-topic-view{display:flex;flex-direction:column;gap:20px;width:100%}.graph-container{background-color:#;border-radius:8px;box-shadow:0 4px 8px #0000001a;height:80vh;max-height:80vh;overflow-y:auto;padding:3rem;width:70%}.mqtt-command-sender{align-items:center;background-color:#f7f7f7;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;gap:16px;margin:20px auto;max-width:400px;padding:0}.mqtt-command-sender h3{color:#333;font-size:24px;margin-bottom:16px}.mqtt-command-sender input{border:2px solid #ccc;border-radius:8px;font-size:16px;margin:8px 0;padding:12px;transition:border-color .3s ease}.mqtt-command-sender input:focus{border-color:#4a90e2}.mqtt-command-sender button{background-color:#4a90e2;border-radius:8px;font-size:16px;padding:0;transition:background-color .3s ease,box-shadow .3s ease}.mqtt-command-sender button:hover{background-color:#357abd;box-shadow:0 4px 10px #0000001a}.mqtt-command-sender button:active{background-color:#285b8e}.login-container{background-color:#f0f2f5}.login-card{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a}h2{color:#333;font-size:24px;margin-bottom:1.5rem}.login-logo,.logo-header{display:block;height:auto;margin:0 auto 10px;width:10rem}.login-input{border:1px solid #ccc;max-width:280px;width:90%}.login-button{background-color:#1877f2;max-width:280px;transition:background .3s ease;width:90%}.login-button:hover{background-color:#166fe5}.App{background-color:#1e2a28;color:#e0e0e0;font-family:Inter,sans-serif;min-height:100vh}.App-header{background-color:#036656;padding:20px;text-align:center}.main-container,.selected-topic-view{display:flex;flex-direction:column;gap:20px;padding:20px}.row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px}.message-container,.mqtt-command-sender,.topic-container{background-color:#121212;border-radius:10px;box-shadow:0 6px 12px #0000004d;max-width:47rem;padding:3rem}.topic-list{border-radius:6px;list-style-type:none;margin:0;max-height:300px;overflow-y:auto;padding:0}.topic-list li{border-bottom:1px solid #2c2c2c;cursor:pointer;padding:10px 15px;transition:background-color .2s}.topic-list li:hover{background-color:#036656}.topic-list li.active{background-color:#2563eb;color:#fff}.message{background-color:#121212;border-radius:6px;font-size:.95rem;margin-bottom:10px;padding:12px}ul{list-style:none;margin:0;padding:0}h2{color:#fff;font-size:1.5rem;margin-bottom:15px}.clear-filter{background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:10px;padding:8px 16px;transition:background-color .3s}.clear-filter:hover{background-color:#1e40af}.graph-component{align-items:center;display:flex;flex-direction:column}.graph-heading{color:#fff;font-size:1.5rem;margin-bottom:10px}.graph-content{background-color:#2c2c2c;border:2px solid #3c3c3c;border-radius:8px;padding:15px;width:100%}.mqtt-command-sender{background-color:#1e1e1e;border:1px solid #333;border-radius:8px;padding:16px;text-align:center}.mqtt-command-sender h3{color:#fff;margin-bottom:12px}.mqtt-command-sender input{background-color:#2e2e2e;border:1px solid #444;border-radius:6px;color:#fff;margin-bottom:10px;padding:10px;width:100%}.mqtt-command-sender input:focus{border-color:#2563eb;outline:none}.mqtt-command-sender button{background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px;transition:background-color .3s;width:100%}.mqtt-command-sender button:hover{background-color:#1d4ed8}.login-container{background-color:#121212;height:100vh;justify-content:center}.login-card,.login-container{align-items:center;display:flex}.login-card{background:#1e1e1e;border-radius:12px;box-shadow:0 6px 14px #0009;flex-direction:column;padding:2rem;text-align:center;width:350px}.login-input{background-color:#2a2a2a;border:1px solid #444;border-radius:6px;color:#fff;font-size:16px;margin-bottom:10px;padding:12px;width:100%}.login-input:focus{border-color:#2563eb;outline:none}.login-button{background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;padding:12px;transition:background-color .3s;width:100%}.login-button:hover{background-color:#1e40af}
/*# sourceMappingURL=main.44440678.css.map*/