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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:#f5f5f5;font-family:Arial,sans-serif;margin:0;padding:0}nav{background:#fff;border-bottom:1px solid #ccc;padding:10px}nav a{color:#007bff;font-weight:700;margin:0 15px;text-decoration:none}.container{background:#fff;border-radius:15px;box-shadow:0 0 15px #0000001a;margin:30px auto;max-width:500px;padding:30px;text-align:center;width:90%}.temp{background:#000;color:lime}.open{background:#fc0;color:#000}.closed{background:#000;color:lime}button{border:none;border-radius:5px;cursor:pointer;font-weight:700;margin:5px;padding:10px 15px}button.green{background-color:#4caf50;color:#fff}button.red{background-color:#f44336;color:#fff}button:hover{opacity:.9}.mode-test .active{color:blue}.mode-test .inactive{color:gray}.temp-control{margin:20px 0}.control-section{display:flex;justify-content:space-around}.control-group{align-items:center;display:flex;flex-direction:column}.card{background:#f4f4f4;border-radius:10px;box-shadow:0 0 10px #0000001a;margin:20px auto;padding:20px;text-align:center;width:250px}.gauge{font-size:2em}.gauge,.toggle-view{margin-top:10px}.toggle{border-radius:20px;color:#fff;display:inline-block;font-weight:700;padding:10px 20px}.toggle.on{background-color:teal}.toggle.off{background-color:gray}.main-control{background:#f7f9fc;border-radius:15px;box-shadow:0 8px 25px #0000001a;font-family:Arial,sans-serif;margin:30px auto;max-width:500px;padding:30px;text-align:center;width:90%}.indicator{border-radius:5px;display:inline-block;font-weight:700;margin-left:5px;padding:5px 10px}.temp{background:#1e88e5;color:#fff}.open{background:#e53935;color:#fff}.closed{background:#cfd8dc;color:#000}.toggle-btn{background-color:#1e88e5;border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:700;margin:15px 0;padding:10px 20px;transition:background-color .3s ease}.toggle-btn:hover{background-color:#1565c0}.mode-test .active{color:#1e88e5;font-weight:700}.mode-test .inactive{color:#9e9e9e;font-weight:700}.temp-control{align-items:center;display:flex;flex-direction:column;margin-top:20px}.temp-btn-wrapper{display:flex;gap:20px;margin-top:10px}.temp-btn{align-items:center;background-color:#1e88e5;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5em;height:50px;justify-content:center;transition:background-color .3s ease;width:50px}.temp-btn:hover{background-color:#1565c0}.btn{border:none;border-radius:10px;cursor:pointer;font-weight:700;margin:5px;padding:10px 20px;transition:background-color .3s ease}.trap-open{background-color:#e53935;color:#fff}.trap-open:hover{background-color:#c62828}.trap-close{background-color:#90a4ae;color:#fff}.trap-close:hover{background-color:#78909c}.trap-btn-wrapper{display:flex;gap:15px;justify-content:center;margin-top:10px}.switch-container{display:flex;justify-content:center;margin:20px 0}.switch{display:inline-block;height:34px;position:relative;width:60px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:26px;left:4px;width:26px}input:checked+.slider{background-color:#1e88e5}input:checked+.slider:before{transform:translateX(26px)}button:disabled{cursor:not-allowed;opacity:.5}.dashboard-container{display:flex;flex-wrap:wrap;gap:40px;justify-content:space-around;margin-top:40px;padding:0 60px}.gauge-card{background:#f5f5f5;border-radius:20px;box-shadow:0 8px 20px #0000001a;flex-shrink:0;height:auto;padding:30px 20px;text-align:center;width:300px}.gauge-card h3{font-size:1.4em;margin-bottom:10px}.gauge-svg{height:140px;margin-top:10px;overflow:visible;width:100%}.gauge-bg{stroke:#ddd}.gauge-bg,.gauge-fill{fill:none;stroke-width:20}.gauge-fill{stroke-linecap:round}.temp{stroke:#1e88e5}.humidity{stroke:#00acc1}.gauge-label{font-size:1.6em;font-weight:700;margin-top:15px}.test-toggle .test-indicator{background-color:#9e9e9e;border-radius:20px;color:#fff;display:inline-block;font-size:1em;font-weight:700;margin-top:20px;padding:10px 24px}.test-toggle .on{background-color:#1e88e5}.test-toggle .off{background-color:#b0bec5}.dashboard-details{color:#333;font-size:1em;margin-top:20px}.dashboard-details .label{font-weight:700}@media (max-width:900px){.dashboard-container{align-items:center;flex-direction:column;padding:0 20px}}
/*# sourceMappingURL=main.9de396e4.css.map*/