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{text-align:center}.App-link{color:#61dafb}body,html{margin:0;padding:0}.App,body,html{height:100%}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;height:60px;justify-content:space-between;max-height:60px;min-height:60px;overflow:hidden;padding:0 20px;position:relative}@media (max-width:768px){.App-header{height:60px}}.left-section{align-items:center;display:flex;flex:1 1;position:relative}.header-title{flex:2 1;font-size:2rem;margin:0;text-align:left}.menu-icon{cursor:pointer;display:flex;flex-direction:column;gap:4px;margin-right:10px}.menu-icon span{background-color:#fff;height:3px;width:25px}.menu{color:#fff;gap:10px;padding:10px;top:20px}.menu,.menu-container{background-color:#333;border-radius:5px;display:flex;flex-direction:row;left:0;position:absolute}.menu-container{align-items:center;gap:5px;padding:5px;top:0;z-index:1000}.menu-container input{border:1px solid #ccc;border-radius:4px;font-size:.8rem;margin:2px 0;padding:5px;width:50px}.menu-container input:focus{border-color:#4caf50;outline:none}.menu-container button{align-items:center;background:none;border:none;border-radius:3px;color:#fff;cursor:pointer;display:inline-flex;height:30px;justify-content:center;padding:5px 10px;text-align:center;white-space:nowrap}.menu-container button:hover{background-color:#555}.menu button{background:none;border:none;color:#fff;cursor:pointer;padding:5px 10px;text-align:left}.led-indicator{background-color:gray;border-radius:50%;height:20px;margin-left:20px;transition:background-color .3s ease;width:20px}.led-off{background-color:red}.machine-overview{padding:20px}.device-list{display:flex;flex-wrap:wrap;gap:10px}.device-button{align-items:center;background-color:#f9f9f9;border:1px solid #ddd;border-radius:10px;box-shadow:2px 2px 5px #0000001a;cursor:pointer;display:flex;flex-basis:calc(25% - 10px);flex-direction:column;flex-grow:1;flex-shrink:1;height:150px;justify-content:center;max-width:300px;overflow:hidden;padding:10px;text-align:center}.device-button:hover{background-color:#eef}.device-content{align-items:center;flex-direction:column;gap:2px;width:100%}.device-content,.device-header{display:flex;justify-content:center}.device-header{align-items:baseline;gap:5px;margin-bottom:10px}.device-name{font-size:16px;font-weight:700}.device-type{color:gray;font-size:12px}.led-row{align-items:center;display:flex;flex-direction:row;gap:5px;margin:5px 0}.led-label{font-size:14px;font-weight:700}.led-container{gap:5px;justify-content:center}.led{border:1px solid #ccc;border-radius:50%;height:15px;width:15px}.led-on{background-color:green}.led-off{background-color:#d2d2d2}.temp-humi-row{display:flex;gap:15px;justify-content:space-between;margin-top:10px;width:100%}.humi,.temp{font-size:14px;font-weight:700}.table-header{background-color:#d2d2d2;color:#000}.device-detail{font-family:Arial,sans-serif;padding:20px}.led-container{display:flex;gap:10px;margin-top:10px}.device-detail .led{background-color:gray;border-radius:50%;height:40px;transition:background-color .3s;width:40px}.device-detail .led-on{background-color:green}.device-detail .led-off{background-color:#d4d3d3}.switch-container{display:flex;gap:10px;justify-content:center;margin-top:10px}.switch{background-color:gray;border:none;border-radius:20px;cursor:pointer;height:40px;position:relative;transition:background-color .3s;width:80px}.switch:before{background-color:#fff;border-radius:50%;content:"";height:32px;left:4px;position:absolute;top:4px;transition:transform .3s;width:32px}.switch-on{background-color:green}.switch-on:before{transform:translateX(40px)}.switch-off{background-color:#d2d2d2}.modal{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0003;left:50%;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:9999}.modal ul{list-style:none;padding:0}.modal li{cursor:pointer;padding:10px}.modal button{margin:10px}.modal input,.modal select{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:14px;max-height:40px;max-width:300px;padding:8px;width:100%}.modal select option{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-day{background:#007bff;color:#fff}.image-gallery{display:flex;flex-wrap:wrap;justify-content:center;margin:20px auto;max-width:100%}.image-container{align-items:center;margin:10px;max-width:350px;width:100%}.image{width:100%}.image-description,.image-name{word-wrap:break-word;font-size:1.2rem;margin-top:10px;width:100%}.image-link{align-items:center;display:flex;font-size:1rem;justify-content:center}.purchase-icon{cursor:pointer;height:20px;margin-left:5px;width:100px}@media (min-width:768px){.App-header{font-size:calc(14px + 2vmin);min-height:15vh}.image-container{max-width:400px}.image-description,.image-name{font-size:1.4rem}}@media (min-width:1024px){.image-container{max-width:23%;width:23%}.image-description,.image-name{font-size:1.2rem}}footer{background-color:#282c34;color:#fff;padding:20px;text-align:center;width:100%}.youtube-gallery{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:0 auto;max-width:1200px;padding:20px}.youtube-table{border-collapse:collapse;margin-top:20px;width:100%}.youtube-table td,.youtube-table th{border:1px solid #ddd;font-size:1rem;padding:12px;text-align:left}.youtube-table th{background-color:#4caf50;color:#fff;font-weight:700;text-transform:uppercase}.youtube-table tr:nth-child(2n){background-color:#f9f9f9}.youtube-table tr:nth-child(odd){background-color:#fdfdfd}.youtube-table tr:hover{background-color:#e1e1e1;transition:background-color .2s ease-in-out}.highlight{background-color:#d4edda!important}@media (max-width:768px){.youtube-table td,.youtube-table th{font-size:.9rem;padding:10px}}
/*# sourceMappingURL=main.0763b1ca.css.map*/