body{box-sizing:border-box;font-family:Arial,sans-serif;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:700;margin:0}button{font-family:inherit;font-size:16px}.menu{align-items:center;background:#333;display:flex;justify-content:center;padding:10px 20px}.menu ul{display:flex;gap:20px;list-style:none;margin:0;padding:0}.menu li{font-family:Arial,sans-serif}.logout-button,.menu a{color:#fff;font-size:18px;font-weight:700;padding:10px 15px;text-decoration:none}.logout-button{background:#555}.logout-button:hover{background:#777}.breadcrumb a{color:#007bff;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb span{margin:0 5px}.layout{display:flex;flex-direction:column;min-height:100vh}.breadcrumb{font-size:1rem;margin:1rem}.content{background-color:#f9f9f9;flex-grow:1;padding:2rem}.App{align-items:center;background-color:#f5f5f5;display:flex;height:100vh;justify-content:center}.App-header{text-align:center}.content-container{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:2rem;position:relative;width:400px}.button-container{display:flex;justify-content:space-between;margin-bottom:1rem}button{background-color:#61dafb}button:hover{background-color:#21a1f1}.login-form{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;margin:1rem auto;max-width:400px;text-align:left}.login-form label{font-size:1rem;font-weight:700;margin-bottom:.5rem}.login-form input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.5rem;width:100%}.login-form button{background-color:#61dafb;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem}.login-form button:hover{background-color:#21a1f1}input{border:1px solid #ddd;border-radius:4px;width:100%}button[type=submit]{background-color:#4caf50}button[type=submit]:hover{background-color:#45a049}label{margin-right:1rem}input{margin:0 1rem;padding:.5rem}button,input{font-size:1rem}button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem}button:hover{background-color:#45a049}table{border-collapse:collapse;margin-top:1rem;width:80%}td,th{border:1px solid #ddd;padding:.5rem;text-align:left}th{background-color:#f4f4f4}tr:nth-child(2n){background-color:#f9f9f9}.loading-bar{background-color:#4caf50;border-radius:4px;color:#fff;display:inline-block;font-size:1rem;margin:1rem auto;padding:.5rem 1rem;text-align:center}.chart-container{background-color:#f9f9f9;height:500px;margin-left:auto;margin-right:auto;margin-top:2rem;max-width:90%}@media (min-width:1024px){.chart-container{height:600px}}@media (max-width:1023px){.chart-container{height:400px}}.navigation-container{margin-top:2rem}.navigate-button{background-color:#61dafb}.navigate-button:hover{background-color:#21a1f1}.dashboard{font-family:Arial,sans-serif;padding:2rem;text-align:center}h1{color:#61dafb;font-size:2.5rem}.status{border-radius:4px;display:inline-block;font-size:1.2rem;margin:1rem 0;padding:.5rem 1rem}.status.connected{background-color:#4caf50;color:#fff}.status.disconnected{background-color:#f44336;color:#fff}.status.reconnecting{background-color:#ffa726;color:#fff}.metric-selector{margin:1rem 0}select{font-size:1rem;padding:.5rem}.chart-container{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:2rem auto;max-width:1500px;padding:1rem}.raw-data{margin-left:auto;margin-right:auto;margin-top:2rem;max-width:auto;text-align:left}.raw-data li{background-color:#fff}.command-input{align-items:center;display:flex;gap:1rem;justify-content:center;margin:1rem auto}.command-input input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.5rem;width:300px}.command-input button{background-color:#61dafb;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem}.command-input button:hover{background-color:#21a1f1}.raw-data ul{list-style-type:none;padding:0}.raw-data li{background-color:#f9f9f9;border-radius:4px;box-shadow:0 1px 2px #0000001a;margin:.5rem 0;padding:.8rem}.logout-container{display:flex;justify-content:center;margin:1rem}.logout-button{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem}.logout-button:hover{background-color:#d32f2f}.navigation-container{margin-top:1rem}.navigate-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem}.navigate-button:hover{background-color:#45a049}@media (max-width:768px){.dashboard{padding:1rem}h1{font-size:1.8rem}.chart-container,.raw-data li{padding:.5rem}.raw-data li{font-size:.8rem}}.slider-page-container{color:#333;font-family:Arial,sans-serif;margin:0 auto;max-width:800px}h1,h2,h3{color:#0056b3}h1,h2,h3,p{margin-bottom:1rem}ul{padding-left:1.5rem}pre{background:#f4f4f4;border:1px solid #ddd;border-radius:5px;overflow-x:auto;padding:1rem}
/*# sourceMappingURL=main.d87432a9.css.map*/