@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);body{background-color:#fff;background-color:var(--background-color);color:#000;color:var(--text-color);font-family:Poppins,sans-serif;margin:0}:root{--background-color:#fff;--background-color2:#f7f7f794;--text-color:#000;--button-text-color:#fff;--header-background:#fff;--header-border:#000;--panel-border:#ccc;--button-background:#000;--button-hover-background:#353535;--hover-background:#b1afaf;--label-color:#000;--dropdown-background:#f9f9f9;--dropdown-text-color:#000;--dropdown-border:#ddd}[data-theme=dark]{--background-color:#121212;--background-color2:#f7f7f7;--text-color:#fff;--button-text-color:#000;--header-background:#202020;--header-border:#fff;--panel-border:#555;--button-background:#fff;--button-hover-background:#c4c4c4;--hover-background:#b1afaf;--label-color:#fff;--dropdown-background:#333;--dropdown-text-color:#fff;--dropdown-border:#444}.form-container{align-items:center;background-color:var(--background-color);border:1px solid var(--panel-border);border-radius:8px;box-shadow:0 4px 8px #0000001a;color:var(--text-color);margin:0 auto 50px;max-width:600px;padding:30px}.form-container h2{color:var(--text-color);margin-bottom:20px;text-align:center}.form-group{align-items:center;display:flex;margin-bottom:20px;width:100%}.form-group label{color:var(--label-color);flex:0 0 250px;font-weight:700}.form-group input{background-color:var(--background-color2);border:1px solid var(--panel-border);border-radius:4px;color:#000;flex:1 1;font-size:16px;padding:10px}.form-buttons{display:flex;gap:20px;justify-content:right;margin-top:30px}.get-button,.update-button{background-color:var(--button-background);border:none;border-radius:8px;color:var(--button-text-color);cursor:pointer;font-size:16px;font-weight:700;padding:12px 24px;transition:background-color .3s ease}.get-button:hover,.update-button:hover{background-color:var(--button-hover-background)}.error-message{color:red}.error-message,.success-message{font-size:11px;margin-top:5px;text-align:center}.success-message{color:green}@media (max-width:768px){.form-container{padding:20px}.form-group{flex-wrap:wrap;margin-bottom:15px}.form-group label{flex:1 1;margin-bottom:10px;text-align:left}.form-group input{flex:1 1;width:100%}.form-buttons{flex-wrap:wrap;gap:15px;justify-content:center}.get-button,.update-button{text-align:center;width:100%}}@media (max-width:480px){.form-container{padding:15px}.form-group label{font-size:14px}.form-group input{font-size:14px;padding:8px}.get-button,.update-button{font-size:14px;padding:10px 20px}}.control-panel{background-color:var(--background-color);border:1px solid var(--panel-border);border-radius:8px;box-shadow:0 4px 8px #0000001a;color:var(--text-color);margin:0 auto 50px;max-width:600px;padding:30px;text-align:center}.button-group{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.control-button{border:1px solid var(--panel-border);border-radius:6px;box-sizing:border-box;color:#000;cursor:pointer;flex-basis:calc(30% - 20px);flex-grow:1;flex-shrink:1;font-size:16px;font-weight:700;padding:12px;transition:background-color .3s ease}.start-button{background-color:#00ff3c}.start-button:hover{background-color:#53fc77}.stop-button{background-color:#ff2036}.stop-button:hover{background-color:#ff485a}.notification-banner{align-items:center;animation:slideIn .5s forwards;background:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a,0 1px 2px #0003;display:flex;justify-content:space-between;max-width:400px;min-width:300px;opacity:0;overflow:hidden;padding:16px;position:fixed;right:20px;top:120px;transform:translateY(-30px);z-index:9999}.notification-banner.success{border-left:4px solid #28a745}.notification-banner.error{border-left:4px solid #dc3545}.notification-content{color:#333;flex-grow:1;font-size:14px;line-height:1.5}.close-button{background:none;border:none;color:#999;cursor:pointer;font-size:16px;padding:4px;transition:color .2s}.close-button:hover{color:#666}@keyframes slideIn{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.status{font-size:20px;font-weight:700;margin-bottom:20px}@media (max-width:768px){.control-panel{padding:20px}.control-button{flex:1 1 45%;font-size:14px;padding:10px}.notification-banner{max-width:90%;right:10px}.notification-content{font-size:12px}}@media (max-width:480px){.control-panel{padding:15px;width:100%}.control-button{flex:1 1 100%;font-size:14px;padding:10px}.status{font-size:18px}.notification-banner{right:5px;top:10px;width:90%}}.footer{background-color:var(--header-background);border-top:1px solid var(--header-border);color:var(--text-color);margin-top:50px;padding:10px;text-align:center}.footer-container{margin:0 auto;max-width:1200px;padding:0 20px}@media (max-width:768px){.footer{padding:15px}.footer-container{font-size:.9rem}}@media (max-width:480px){.footer{padding:15px}.footer-container{font-size:.8rem;padding:0 10px}}.header{background-color:var(--header-background);border-bottom:1px solid var(--header-border);margin-bottom:20px;padding:10px 0}.header-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.header-container,.header-left{align-items:center;display:flex}.header-icon{color:var(--icon-color);margin-right:30px}.header-title{color:var(--text-color);font-size:24px;font-weight:600}.header-right{position:relative}.theme-toggle-button{background:none;border:none;color:var(--text-color);cursor:pointer;transition:color .3s}.theme-dropdown{background-color:var(--dropdown-background);border:1px solid var(--dropdown-border);border-radius:4px;box-shadow:0 4px 6px #0000001a;color:var(--dropdown-text-color);list-style:none;padding:5px 0;position:absolute;right:0;top:45px;width:150px;z-index:1000}.theme-dropdown li{cursor:pointer;font-size:14px;font-weight:700;padding:8px 12px;text-align:center;transition:background-color .3s,color .3s}.theme-dropdown li:hover{background-color:var(--hover-background)}@media (max-width:768px){.header-container{flex-wrap:wrap;padding:0 15px}.header-icon{margin-right:15px}.header-title{font-size:20px;margin-bottom:10px}.theme-toggle-button{font-size:30px}}@media (max-width:480px){.header-container{align-items:flex-start;flex-direction:column}.header-left{justify-content:center;text-align:center;width:100%}.header-title{font-size:18px;margin:5px 0}.header-right{text-align:center;width:100%}.theme-dropdown{left:50%;right:auto;transform:translateX(-50%)}}.log-display{background-color:var(--background-color);border:1px solid var(--panel-border);border-radius:8px;box-shadow:0 4px 8px #0000001a;color:var(--text-color);margin:0 auto 5px;max-width:600px;padding:30px}.log-display h2{color:var(--text-color);margin-bottom:20px;text-align:center}.log-container{background-color:#f9f9f9;border:1px solid #ccc;border-radius:6px;max-height:300px;overflow-x:auto;overflow-y:auto;padding:10px}.log-list{list-style-type:none;margin:0;padding:0}.log-list li{background-color:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#444;font-size:.9rem;margin-bottom:8px;padding:10px}.log-list li:nth-child(odd){background-color:#f0f8ff}@media (max-width:768px){.log-display{padding:20px}.log-container{max-height:250px;padding:8px}.log-list li{font-size:.85rem;padding:8px}}@media (max-width:480px){.log-display{max-width:90%;padding:15px}.log-container{max-height:200px}.log-list li{font-size:.8rem;padding:6px}}
/*# sourceMappingURL=main.ac68d31c.css.map*/