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-color:#f4f4f4;font-family:Arial,sans-serif;margin:0;padding:0}h2{color:#333}h2.connected{color:#000}h2.disconnected{color:#d3d3d3}ul{list-style-type:none;padding:0}ul li{background-color:#fff;border:1px solid #ddd;border-radius:4px;margin:5px 0;padding:10px}textarea{background-color:#000;box-sizing:border-box;height:200px;padding:10px;resize:none;width:100%}button,textarea{border:none;color:#fff}button{background-color:#007bff;border-radius:4px;cursor:pointer;padding:5px 10px}button:hover{background-color:#0056b3}button:disabled{background-color:#ccc;cursor:not-allowed}.smart-dunebugger{flex-direction:column;height:100vh}.content,.smart-dunebugger{display:flex;overflow:hidden}.content{flex:1 1;margin:0;padding-top:124px}.left-section{background-color:#f4f4f4;border-right:1px solid #ddd;display:flex;flex-direction:column;gap:20px;overflow-y:auto;padding:20px;width:300px}.left-section button{max-width:100%;width:110%}.right-section{flex:1 1;overflow-y:auto;padding:20px}.status-circle{border-radius:50%;display:block;flex-shrink:0;height:10px;width:10px}.status-circle.online{background-color:green}.status-circle.offline{background-color:red}.header-bar{align-items:center;background-color:#333;box-sizing:border-box;color:#fff;display:flex;font-size:16px;height:64px;justify-content:space-between;left:0;padding:8px 20px;position:fixed;right:0;top:0;z-index:1000}.header-left{align-items:center!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap;gap:10px;height:100%}.header-right{align-items:center;display:flex;gap:15px}.header-bar.online{background-color:#add8e6}.header-bar.offline{background-color:#555;color:#fff}.header-bar.offline .hub-status-text,.header-bar.offline h1{color:#fff}.header-bar.online .hub-status-text{color:#333}.header-bar h1{color:#666;flex-shrink:0;font-size:18px;margin:0;white-space:nowrap}.hamburger-button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:56px;justify-content:center;padding:8px;width:56px}.hamburger-logo{display:block;height:40px;object-fit:contain;width:40px}.status-container{align-items:center;display:flex;gap:10px}.hub-status{color:#666;font-size:14px;font-weight:700}.hub-status.connected .hub-status{color:green}.hub-status.disconnected .hub-status{color:red}.hub-status-circle{border-radius:50%;display:block;flex-shrink:0;height:10px;width:10px}.hub-status-circle.connected{background-color:green}.hub-status-circle.disconnected{background-color:red}.hub-status-text{margin-left:5px}.group-status,.hub-status-text{color:#666;font-size:14px;font-weight:700}.auth-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 12px}.auth-button:hover{background-color:#0056b3}.bottom-bar{align-items:center;background-color:#add8e6!important;border-top:1px solid #ddd;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;padding:10px 20px;position:fixed;right:0;transition:transform .3s ease-in-out;z-index:1000}.bottom-bar.collapsed{background-color:#add8e6;height:40px;justify-content:center;padding:5px 0}.bottom-bar.expanded{align-items:center;flex-direction:column;gap:20px;height:auto;padding:20px}.commands,.sequence-controls{margin-top:10px}.commands button:hover,.sequence-controls button:hover{background-color:#b5bbda}.commands{gap:10px;justify-content:flex-end;margin-left:auto;margin-top:20px}.commands,.overlay{align-items:center;display:flex}.overlay{background-color:#000c;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.overlay-content{background:#fff;border-radius:8px;max-width:600px;padding:20px;position:relative;text-align:center;width:90%}.commands button{height:40px;margin:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:140px}.refresh-button{background-color:green!important;color:#fff!important}.refresh-button:hover{background-color:#006400!important}@media screen and (max-width:768px){.header-left h1{display:none}.header-left{align-items:center!important;display:flex!important;flex:1 1;flex-direction:row!important;gap:8px;justify-content:flex-start}.header-bar{height:56px;padding:6px 12px}.hamburger-button{font-size:18px;height:52px;padding:6px;width:52px}.header-right{flex-shrink:0;gap:8px}.status-container{gap:6px}.group-status,.hub-status,.hub-status-text{display:none}.hub-status-circle,.status-circle{flex-shrink:0;height:8px;width:8px}.auth-button{font-size:.9rem;min-width:70px;padding:6px 10px}.content{padding-top:116px}.analytics-page h2{font-size:1.1rem}}.device-selector{display:inline-block;position:relative}.device-selector-button{align-items:center;background:#0000;border:1px solid #666;border-radius:4px;box-sizing:border-box;color:#666;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;height:36px;justify-content:space-between;min-width:120px;padding:6px 12px;transition:all .2s ease}.header-bar.offline .device-selector-button{border-color:#ccc;color:#fff}.header-bar.online .device-selector-button{border-color:#666;color:#333}.device-selector-button:hover{border-color:#007bff;color:#007bff}.device-selector-button:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.selected-device{flex:1 1;font-weight:700;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{color:#666}.dropdown-arrow.open{transform:rotate(180deg)}.device-dropdown{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;max-height:200px;overflow-y:auto;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.device-option{background-color:initial;border:none;color:#333;cursor:pointer;display:block;font-size:14px;font-weight:700;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.device-option:hover{background-color:#f8f9fa}.device-option.selected{background-color:#e3f2fd;color:#1976d2;font-weight:700}@media (max-width:768px){.device-selector-button{font-size:12px;gap:4px;height:32px;min-width:90px;padding:4px 8px}.selected-device{font-size:12px;max-width:70px}.dropdown-arrow{font-size:8px}.device-dropdown{font-size:12px}.device-option{font-size:12px;font-weight:700;padding:8px 12px}}.menu-overlay{background-color:#00000080;height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:1100}.menu-overlay.open{opacity:1;pointer-events:all}.menu-container{background-color:#fff;box-shadow:2px 0 10px #0003;display:flex;flex-direction:column;height:100%;left:-300px;position:fixed;top:0;transition:left .3s ease;width:280px;z-index:1200}.menu-container.open{left:0}.menu-header{align-items:center;border-bottom:1px solid #eaeaea;display:flex;justify-content:space-between;padding:15px 20px}.menu-header h2{color:#333;font-size:1.5rem;margin:0}.close-menu{background:none;border:none;color:#666;cursor:pointer;font-size:1.2rem;padding:5px}.close-menu:hover{color:#000}.menu-items{display:flex;flex-direction:column;gap:15px;padding:20px}.menu-item{align-items:center;background:none;border:none;border-radius:6px;color:#555;cursor:pointer;display:flex;font-size:1.1rem;padding:12px 15px;text-align:left;transition:background-color .2s}.menu-item:hover{background-color:#f0f0f0;color:#007bff}.menu-item.active{background-color:#e6f2ff;color:#007bff;font-weight:700}@media (max-width:768px){.menu-container{width:250px}}.main-page{padding:15px}.dashboard-content{display:flex;flex-direction:column;gap:20px;margin-top:20px}.control-buttons{align-items:center;display:flex;gap:15px;margin:20px 0}.start-button,.stop-button{border:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:700;padding:10px 25px;transition:all .3s ease}.start-button{background-color:#4caf50;color:#fff}.start-button:hover:not(:disabled){background-color:#45a049}.stop-button{background-color:#f44336;color:#fff}.stop-button:hover:not(:disabled){background-color:#d32f2f}.start-button:disabled,.stop-button:disabled{cursor:not-allowed;opacity:.5}.cycle-status-container{display:flex;flex-direction:column;gap:8px;margin-left:15px}.progress-bar-container{background-color:#f0f0f0;border:1px solid #ddd;border-radius:10px;height:12px;overflow:hidden;width:100%}.progress-bar-fill{background-color:#007bff;border-radius:8px;height:100%;transition:width .3s ease-in-out}.cycle-status{background-color:#a3c2a5;border:1px solid #ddd;border-radius:4px;color:#333;font-size:14px;font-weight:700;padding:8px 15px;text-align:center}.dashboard-info{background-color:#f5f5f5;border-left:4px solid #007bff;border-radius:4px;padding:15px}@media (max-width:768px){.control-buttons{align-items:flex-start;flex-direction:column;width:100%}.cycle-status-container{margin-left:0;margin-top:15px;width:100%}.start-button,.stop-button{margin-bottom:10px;width:100%}}.timeline-container{font-family:Arial,sans-serif;overflow-x:auto;padding:16px}.timeline-wrapper{border:1px solid #ccc;display:flex;min-width:1000px;padding:16px;position:relative;white-space:nowrap}.labels-column{display:flex;flex:0 0 150px;flex-direction:column;justify-content:flex-start}.tracks-column{flex:1 1;position:relative}.track-labels{display:flex;flex-direction:column;gap:10px}.track-label{align-items:center;color:#333;display:flex;font-weight:700;height:46px;justify-content:flex-start;margin-right:8px;padding-left:10px;text-align:right;width:150px}.audio-track,.track{align-items:center;display:flex;height:40px;margin-bottom:16px;position:relative}.track-timeline{background:#f9f9f9;border:1px solid #ddd;flex:1 1;height:24px;height:100%;overflow:hidden;position:relative}.track-segment{border-radius:4px;height:100%;position:absolute}.segment-warning-text{color:#d32f2f;font-size:13px;font-weight:700;left:50%;pointer-events:none;position:absolute;text-shadow:0 0 2px #fffc;top:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:5}.audio-icon{color:#007bff;font-size:16px;position:absolute;top:50%;transform:translateY(-50%)}.time-axis{border-top:1px solid #ccc;height:24px;margin-top:16px;position:relative}.time-marker{color:#666;font-size:12px;position:absolute;text-align:center;top:0;transform:translateX(-50%)}.custom-tooltip{word-wrap:break-word;background:#000000bf;border-radius:4px;color:#fff;font-size:12px;max-width:700px;padding:8px;pointer-events:none;position:fixed;white-space:nowrap;z-index:1000}.playing-time-marker{background-color:#f33;box-shadow:0 0 4px #ff000080;height:100%;pointer-events:none;position:absolute;top:0;width:2px;z-index:10}.sequence-page{max-width:100%;overflow-x:auto;padding:20px}.sequence-header{border-bottom:2px solid #e0e0e0;margin-bottom:30px;padding-bottom:15px}.sequence-header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.sequence-header h2{color:#333;font-size:1.5rem;margin:0}.sequence-page h2{color:#333;font-size:1.5rem;margin-bottom:20px}.timeline-section{background:#f9f9f9;border-radius:8px;margin-bottom:30px;padding:10px}.sequence-text-section{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.save-status{border-radius:4px;font-size:14px;margin-bottom:15px;padding:10px}.save-status.success{border:1px solid #c3e6cb}.save-status.error{border:1px solid #f5c6cb;white-space:pre-line}.text-editor-header{border-bottom:1px solid #eee;margin-bottom:15px;padding-bottom:10px}.text-editor-header h3{color:#333;font-size:1.2rem;margin:0}.data-status{font-size:12px}.data-status.loaded{border:1px solid #c3e6cb}.data-status.running{animation:pulse 1.5s infinite;background-color:#cce5ff;border:1px solid #99d1ff;color:#004085}.data-status.waiting{animation:pulse 2s infinite;border:1px solid #ffeaa7}.editor-controls button{border:none;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.editor-controls button:disabled{opacity:.5}.edit-button{background-color:#007bff;color:#fff}.edit-button:hover{background-color:#0056b3}.save-button:hover{background-color:#1e7e34}.cancel-button{background-color:#6c757d;color:#fff}.cancel-button:hover{background-color:#545b62}.revert-button{background-color:#17a2b8;color:#fff}.revert-button:hover{background-color:#138496}.sequence-text-editor{background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;color:#333;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;height:600px;line-height:1.4;min-height:300px;padding:15px;resize:vertical;transition:all .2s ease;width:100%}.sequence-text-editor.readonly{background-color:#f8f9fa;border-color:#e9ecef;cursor:default}.sequence-text-editor.editing{background-color:#fff;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.sequence-text-editor:focus{outline:none}.sequence-text-editor.editing:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff40}.editor-footer{align-items:center;border-top:1px solid #eee;color:#666;font-size:12px;margin-top:10px;padding-top:10px}.editor-help small{color:#007bff;font-style:italic}@media (max-width:768px){.sequence-page{padding:10px}.sequence-header h2{font-size:1.1rem}.text-editor-header{align-items:stretch;flex-direction:column;gap:10px}.header-left{align-items:flex-start;flex-direction:column;gap:8px}.editor-controls{justify-content:flex-end}.editor-controls button{flex:0 0 auto;min-width:80px}.sequence-text-editor{font-size:12px;padding:10px}.editor-footer{align-items:stretch;flex-direction:column;gap:5px}.editor-help{text-align:center}}.sequence-text-editor{overflow-wrap:break-word;white-space:pre}.timeline-section{background:linear-gradient(145deg,#f9f9f9,#f1f1f1)}.sequence-text-section{background:linear-gradient(145deg,#fff,#f8f9fa)}.table-container{margin:20px auto;max-width:90%;overflow-x:auto}table{border-collapse:collapse;font-family:Arial,sans-serif;font-size:16px;text-align:left;width:100%}thead{background-color:#282c34;color:#fff}th{cursor:pointer;padding:10px;position:relative}th:hover{background-color:#3a3f47}td{border-bottom:1px solid #ddd;padding:10px}tr:nth-child(2n){background-color:#f9f9f9}tr:hover{background-color:#f1f1f1}.gpios-page{margin:0 auto;max-width:1200px;padding:20px}.gpios-header{border-bottom:2px solid #e0e0e0;margin-bottom:30px;padding-bottom:15px}.gpios-header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.gpios-header h2{color:#333;margin:0}.gpio-table-section{margin-top:20px}@media (max-width:768px){.gpios-header h2{font-size:1.1rem}.gpios-page{padding:15px}}.scheduler-page{padding:15px}.scheduler-content{display:flex;flex-direction:column;gap:20px;margin-top:20px}.placeholder-content{display:flex;flex-direction:column;gap:15px}.scheduler-card{background-color:#f5f5f5;border-left:4px solid #007bff;border-radius:4px;box-shadow:0 2px 4px #0000001a;padding:15px}.scheduler-card h3{color:#333;margin-top:0}.scheduler-text-section{background-color:#fff;border:1px solid #ddd;border-radius:8px;margin-top:30px;overflow:hidden}.text-editor-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:15px 20px}.header-left{align-items:center;display:flex;gap:15px}.header-left h3{color:#333;font-size:1.1em;margin:0}.data-status{border-radius:12px;font-size:.8em;font-weight:500;padding:4px 8px}.data-status.loading{background-color:#fff3cd;color:#856404}.data-status.loaded{background-color:#d4edda;color:#155724}.data-status.waiting{background-color:#fff3cd;color:#856404}.editor-controls{display:flex;gap:10px}.editor-controls button{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:.9em;padding:6px 12px;transition:all .2s}.editor-controls button:hover:not(:disabled){background-color:#f8f9fa;border-color:#adb5bd}.editor-controls button:disabled{cursor:not-allowed;opacity:.6}.edit-button,.load-button{background-color:#007bff;border-color:#007bff;color:#fff}.edit-button:hover:not(:disabled),.load-button:hover:not(:disabled){background-color:#0056b3;border-color:#0056b3}.save-button{background-color:#28a745;border-color:#28a745;color:#fff}.save-button:hover:not(:disabled){background-color:#218838;border-color:#218838}.cancel-button,.reset-button{background-color:#6c757d;border-color:#6c757d;color:#fff}.cancel-button:hover:not(:disabled),.reset-button:hover:not(:disabled){background-color:#5a6268;border-color:#5a6268}.save-status{font-size:.9em;font-weight:500;margin:0;padding:10px 20px}.save-status.success{background-color:#d4edda;border-bottom:1px solid #c3e6cb;color:#155724}.save-status.error{background-color:#f8d7da;border-bottom:1px solid #f5c6cb;color:#721c24}.textarea-container{position:relative;width:100%}.schedule-text-editor{background-color:#fff;border:none;height:600px;min-height:300px;outline:none;resize:vertical}.schedule-text-editor,.text-overlay{color:#333;font-family:Courier New,monospace;font-size:14px;line-height:1.5;padding:20px;width:100%}.text-overlay{word-wrap:break-word;background-color:initial;box-sizing:border-box;height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;white-space:pre-wrap}.text-overlay.visible{display:block}.text-overlay.hidden{display:none}.text-overlay .bold-title{background-color:#007bff1a;border-radius:3px;color:#007bff;font-weight:700;padding:2px 4px}.schedule-text-editor.editing{background-color:#fffef7;border-left:3px solid #28a745;color:#333}.schedule-text-editor.readonly{background-color:#f8f9fa;color:#0000}.schedule-text-editor:focus{background-color:#fff;color:#333}.editor-footer,.textarea-container .schedule-text-editor.readonly+.text-overlay,.textarea-container .text-overlay.visible{background-color:#f8f9fa}.editor-footer{align-items:flex-start;border-top:1px solid #ddd;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:10px 20px}.text-stats{color:#6c757d;font-family:monospace;font-size:.85em}.editor-help{color:#6c757d;font-size:.8em;max-width:400px;text-align:right}.editor-help small{display:block;line-height:1.3}@media (max-width:768px){.scheduler-page h2{font-size:1.1rem}.text-editor-header{align-items:flex-start;flex-direction:column;gap:10px}.editor-controls{flex-wrap:wrap;justify-content:flex-start;width:100%}.editor-footer{align-items:flex-start;flex-direction:column}.editor-help{max-width:none;text-align:left}}.next-actions-section{background-color:#fff;border:1px solid #ddd;border-radius:8px;margin-bottom:30px;overflow:hidden}.next-actions-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:15px 20px}.next-actions-header h3{color:#333;font-size:1.1em;margin:0}.refresh-next-actions-button{background-color:#007bff;border:1px solid #007bff;border-radius:4px;color:#fff;cursor:pointer;font-size:.85em;padding:6px 12px;transition:all .2s}.refresh-next-actions-button:hover:not(:disabled){background-color:#0056b3;border-color:#0056b3}.refresh-next-actions-button:disabled{cursor:not-allowed;opacity:.6}.next-actions-content{padding:20px}.actions-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.action-card{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:15px;transition:box-shadow .2s}.action-card:hover{box-shadow:0 2px 8px #0000001a}.action-datetime{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:8px}.action-date{color:#6c757d;font-size:.9em;font-weight:500}.action-time{color:#007bff;font-family:monospace;font-size:1.1em;font-weight:700}.action-details{margin-bottom:10px}.action-name{color:#333;font-size:1em;font-weight:700;margin-bottom:4px;text-transform:capitalize}.action-description{color:#6c757d;font-size:.85em;line-height:1.3}.action-commands{margin-top:8px}.commands-list{background-color:#e9ecef;border-left:3px solid #007bff;border-radius:3px;color:#495057;font-family:monospace;font-size:.8em;padding:6px 8px}.no-actions{padding:40px 20px;text-align:center}.waiting-message{color:#6c757d;font-size:.95em;font-style:italic}@media (max-width:768px){.next-actions-header{align-items:flex-start;flex-direction:column;gap:10px}.refresh-next-actions-button{align-self:flex-end}.actions-grid{grid-template-columns:1fr}.action-datetime{align-items:flex-start;flex-direction:column;gap:4px}}.last-executed-section{background-color:#fff;border:1px solid #ddd;border-radius:8px;margin-bottom:30px;overflow:hidden}.last-executed-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:15px 20px}.last-executed-header h3{color:#333;font-size:1.1em;margin:0}.refresh-last-executed-button{background-color:#28a745;border:1px solid #28a745;border-radius:4px;color:#fff;cursor:pointer;font-size:.85em;padding:6px 12px;transition:all .2s}.refresh-last-executed-button:hover:not(:disabled){background-color:#218838;border-color:#218838}.refresh-last-executed-button:disabled{cursor:not-allowed;opacity:.6}.last-executed-content{padding:20px}.executed-action-card{background-color:#f8fff9;border:1px solid #d4edda;border-left:4px solid #28a745;border-radius:6px;max-width:500px;padding:15px}.executed-action-card .action-datetime{align-items:center;border-bottom:1px solid #c3e6cb;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:8px}.executed-action-card .action-date{color:#6c757d;font-size:.9em;font-weight:500}.executed-action-card .action-time{color:#28a745;font-family:monospace;font-size:1.1em;font-weight:700}.executed-action-card .action-details{margin-bottom:10px}.executed-action-card .action-name{color:#155724;font-size:1em;font-weight:700;margin-bottom:4px;text-transform:capitalize}.executed-action-card .action-description{color:#6c757d;font-size:.85em;line-height:1.3}.executed-action-card .action-commands{margin-top:8px}.executed-action-card .commands-list{background-color:#e9f7ef;border-left:3px solid #28a745;border-radius:3px;color:#495057;font-family:monospace;font-size:.8em;padding:6px 8px}.no-execution{background-color:#fff3cd;border-left:4px solid #ffc107;border-radius:6px;padding:30px 20px;text-align:center}.no-execution-message{color:#856404;font-size:.95em;font-style:italic}.loading-execution{padding:30px 20px;text-align:center}.loading-execution .waiting-message{color:#6c757d;font-size:.95em;font-style:italic}@media (max-width:768px){.last-executed-header{align-items:flex-start;flex-direction:column;gap:10px}.refresh-last-executed-button{align-self:flex-end}.executed-action-card .action-datetime{align-items:flex-start;flex-direction:column;gap:4px}}.panel-flash{animation:panelFlash 3s ease-out}@keyframes panelFlash{0%{background-color:#007bff40;transform:scale(1)}25%{background-color:#007bff2e;transform:scale(1.005)}75%{background-color:#007bff1a;transform:scale(1.002)}to{background-color:initial;transform:scale(1)}}.system-page{margin:0 auto;max-width:1200px;padding:20px}.system-header{border-bottom:2px solid #e0e0e0;margin-bottom:30px;padding-bottom:15px}.system-header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.system-header h2{color:#333;margin:0}.refresh-button{align-items:center;background-color:#007acc;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:background-color .2s ease}.refresh-button:hover:not(:disabled){background-color:#005a9e}.refresh-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.refresh-icon{font-size:16px}.system-meta{color:#666;display:flex;font-size:14px;gap:30px}.system-meta p{margin:0}.no-data-message{color:#666;font-style:italic;padding:40px;text-align:center}.system-content{display:flex;flex-direction:column;gap:30px}.system-section{background:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.system-section h3{border-bottom:1px solid #ddd;color:#333;margin:0 0 20px;padding-bottom:10px}.system-section h4{color:#444;margin:0 0 15px}.system-section h5{color:#555;margin:0 0 10px}.components-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.component-card{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:15px}.component-header{align-items:center;display:flex;justify-content:between;margin-bottom:10px}.component-details p{color:#666;margin:5px 0}.hardware-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.hardware-card{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:15px}.hardware-card p{color:#666;margin:8px 0}.os-card{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:15px}.os-card p{color:#666;margin:8px 0}.network-info{display:flex;flex-direction:column;gap:20px}.network-card{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:15px}.network-card p{color:#666;margin:8px 0}.network-interfaces{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:15px}.interfaces-container{max-height:400px;overflow-y:auto;padding-right:5px}.interfaces-container::-webkit-scrollbar{width:6px}.interfaces-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.interfaces-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.interfaces-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.interface-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;margin:10px 0;padding:12px}.interface-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.interface-card p{color:#666;font-size:14px;margin:5px 0}.location-card{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:15px}.location-card p{color:#666;margin:8px 0}.status-badge{border-radius:12px;font-size:12px;font-weight:700;padding:4px 8px;text-transform:uppercase}.status-badge.running,.status-badge.up{background-color:#d4edda;color:#155724}.status-badge.down,.status-badge.stopped{background-color:#f8d7da;color:#721c24}.status-badge.unknown{background-color:#fff3cd;color:#856404}.no-data{color:#999;font-style:italic}.logs-container{position:relative}.logs-textarea{background-color:#1e1e1e;border:1px solid #333;border-radius:6px;color:#fff;font-family:Courier New,monospace;font-size:12px;height:300px;line-height:1.4;padding:15px;resize:vertical;width:100%}.logs-textarea:focus{border-color:#007acc;outline:none}@media (max-width:768px){.system-page{padding:10px}.system-header h2{font-size:1.1rem}.system-header-top{align-items:flex-start;flex-direction:column;gap:15px}.refresh-button{align-self:flex-end}.system-meta{flex-direction:column;gap:10px}.components-grid,.hardware-grid{grid-template-columns:1fr}.interface-header{align-items:flex-start;flex-direction:column;gap:5px}.network-info{gap:15px}}@media (max-width:480px){.system-section{padding:15px}.component-card,.hardware-card,.interface-card,.location-card,.network-card,.os-card{padding:12px}.network-interfaces{max-height:400px;overflow-y:auto}}.action-bar{align-items:center;background-color:#666;border-bottom:1px solid #ddd;box-shadow:0 2px 4px #00000014;display:flex;height:60px;justify-content:flex-start;left:0;padding:0 20px;position:fixed;right:0;top:64px;transition:background-color .3s ease;z-index:900}.action-bar.online{background-color:#bee1f0}.action-bar.online button:not(.refresh-button):not(.start-button):not(.stop-button){background-color:#0069ff;border-color:#0069ff;color:#fff}.action-bar.offline{background-color:#888;color:#fff}.action-bar.offline .switch-container label,.action-bar.offline button{color:#fff;opacity:.7}.action-bar.offline button:not(.refresh-button):not(.start-button):not(.stop-button){background-color:#7b7b7b;border-color:#7b7b7b;color:#fff}.action-bar.offline .slider{background-color:#6c757d}.action-bar-content{align-items:center;display:flex;height:100%;justify-content:space-between;width:100%}.action-bar-right{align-items:center;display:flex;margin-left:auto}.analytics-controls,.gpios-controls,.main-controls,.scheduler-controls,.sequence-controls{align-items:center;display:flex;gap:10px;height:100%;margin-top:0}.action-bar button{align-items:center;background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:.85rem;height:36px;justify-content:center;max-width:90px;min-width:70px;padding:8px 12px;transition:background-color .2s,border-color .2s}.action-bar button:hover{background-color:#e3e3e3;border-color:#aaa}.action-bar .refresh-button{background-color:#4caf50;border:none;color:#fff}.action-bar .refresh-button:hover{background-color:#388e3c}.start-stop-buttons{align-items:center;display:flex;gap:10px;height:100%;justify-content:center}.action-bar .start-button{align-self:center;background-color:#4caf50;border:none;color:#fff;font-weight:700;margin:0}.action-bar .start-button:hover{background-color:#45a049}.action-bar .stop-button{align-self:center;background-color:#f44336;border:none;color:#fff;font-weight:700;margin:0}.action-bar .stop-button:hover{background-color:#d32f2f}.sequence-switches{align-items:center;display:flex;gap:15px;height:100%}.switch-container{align-items:center;display:flex;gap:8px}.switch{display:inline-block;height:24px;position:relative;width:50px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:24px;bottom:0;box-shadow:inset 0 1px 3px #0003;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.3s cubic-bezier(.45,.05,.55,.95)}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 1px 3px #0000004d;content:"";height:18px;left:3px;width:18px}input:checked+.slider{animation:pulse .3s;background-color:#007bff}input:checked+.slider:before{transform:translateX(26px)}input:focus+.slider{box-shadow:0 0 2px #007bff}.switch:hover .slider:before{box-shadow:0 1px 5px #00000080}input:disabled+.slider{cursor:not-allowed;opacity:.6}@keyframes pulse{0%{box-shadow:0 0 0 0 #007bff80}70%{box-shadow:0 0 0 4px #007bff00}to{box-shadow:0 0 0 0 #007bff00}}@media (max-width:768px){.action-bar{height:auto;min-height:60px;padding:0 10px;top:56px}.action-bar-content{flex-wrap:wrap;padding:10px 0}.sequence-controls{flex-wrap:wrap;justify-content:center}.gpios-controls{align-items:center;gap:6px}.gpios-controls,.start-stop-buttons{flex-wrap:nowrap;justify-content:flex-start}.start-stop-buttons{gap:8px}.action-bar button{font-size:.75rem;height:32px;max-width:70px;min-width:55px;padding:6px 8px}.sequence-switches{align-items:flex-start;flex-direction:column;gap:5px}}:root{--primary-color:#d2691e;--secondary-color:#8b4513;--success-color:#28a745;--danger-color:#dc3545;--warning-color:#ffc107;--info-color:#17a2b8;--light-color:#f8f9fa;--dark-color:#343a40;--border-radius:8px;--box-shadow:0 2px 4px #0000001a;--transition:all 0.3s ease}.messages{bottom:20px;max-width:400px;position:fixed;right:20px;z-index:1000}.message{animation:slideIn .3s ease-out;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 4px #0000001a;box-shadow:var(--box-shadow);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:500;margin-bottom:10px;padding:15px 50px 15px 20px;position:relative}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.message-success{background-color:#28a745;background-color:var(--success-color)}.message-error{background-color:#dc3545;background-color:var(--danger-color)}.message-info{background-color:#17a2b8;background-color:var(--info-color)}.message-warning{background-color:#ffc107;background-color:var(--warning-color);color:#343a40;color:var(--dark-color)}.message-close{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font-size:1.2rem;height:20px;justify-content:center;padding:0;position:absolute;right:15px;top:50%;transform:translateY(-50%);width:20px}.message-close:hover{background-color:#fff3;border-radius:50%}.message-progress-bar{background-color:#0003;bottom:0;height:6px;left:0;position:absolute;right:0}.message-progress-bar,.message-progress-fill{border-radius:0 0 8px 8px;border-radius:0 0 var(--border-radius) var(--border-radius)}.message-progress-fill{animation:progressCountdown 3.75s linear forwards;background-color:#0009;height:100%}@keyframes progressCountdown{0%{width:100%}to{width:0}}@media (max-width:768px){.messages{left:15px;max-width:none;right:15px}}@media (max-width:480px){.message{font-size:.9rem;padding:12px 40px 12px 16px}.message-close{font-size:1rem;height:18px;right:12px;width:18px}}@media (prefers-reduced-motion:reduce){.message{animation:none}}.translation-config-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.translation-config-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.config-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px 24px 0}.config-header h3{color:#333;font-size:1.3em;margin:0}.close-btn{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;color:#495057!important;display:flex;font-size:20px;font-weight:700;height:32px;justify-content:center;padding:4px;transition:all .2s ease;width:32px}.close-btn:hover{background-color:#e9ecef;border-color:#adb5bd;color:#212529!important;transform:scale(1.1)}.close-btn:active{background-color:#dee2e6;color:#000!important;transform:scale(.95)}.config-content{padding:0 24px 24px}.current-status{background-color:#f8f9fa;border-left:4px solid #007bff;border-radius:6px;margin-bottom:24px;padding:16px}.current-status h4{color:#333;font-size:1.1em;margin:0 0 12px}.current-status p{color:#666;font-size:.9em;margin:6px 0}.cache-management{background-color:#f8f9fa;border-left:4px solid #28a745;border-radius:6px;margin:24px 0;padding:16px}.cache-management h4{color:#333;font-size:1.1em;margin:0 0 12px}.cache-buttons{display:flex;flex-wrap:wrap;gap:8px}.cache-btn{background-color:#fff;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;font-size:.85em;font-weight:500;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.cache-btn:hover{background-color:#e9ecef;border-color:#adb5bd}.cache-btn.danger{background-color:#dc3545;border-color:#dc3545;color:#fff}.cache-btn.danger:hover{background-color:#c82333;border-color:#bd2130}.file-input-label{display:inline-block;margin:0}.api-key-input h4,.config-info h4,.provider-selection h4{color:#333;font-size:1.1em;margin-bottom:12px}.provider-selection p{color:#666;font-size:.9em;margin-bottom:16px}.provider-option{margin-bottom:12px}.provider-label{align-items:center;border:2px solid #e9ecef;border-radius:6px;cursor:pointer;display:flex;padding:12px;transition:all .2s ease}.provider-label:hover{background-color:#f8f9fa;border-color:#007bff}.provider-label input[type=radio]{margin-right:12px}.provider-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.provider-info strong{color:#333;font-size:1em}.free-tier{color:#28a745}.free-tier,.signup-link{font-size:.85em;font-weight:500}.signup-link{align-self:flex-start;color:#007bff;margin-top:4px;text-decoration:none}.signup-link:hover{text-decoration:underline}.api-key-input{border-top:1px solid #e9ecef;margin-top:24px;padding-top:24px}.api-key-field{border:2px solid #e9ecef;border-radius:6px;font-family:monospace;font-size:.9em;margin-bottom:16px;padding:12px;width:100%}.api-key-field:focus{border-color:#007bff;outline:none}.config-buttons{display:flex;gap:12px}.save-btn,.test-btn{border:none;border-radius:6px;cursor:pointer;font-size:.9em;font-weight:500;padding:10px 16px;transition:background-color .2s ease}.test-btn{background-color:#6c757d;color:#fff}.test-btn:hover{background-color:#5a6268}.save-btn{background-color:#007bff;color:#fff}.save-btn:hover{background-color:#0056b3}.config-status{border-radius:6px;font-size:.9em;margin-top:16px;padding:12px}.config-status.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.config-status.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.config-info{border-top:1px solid #e9ecef;margin-top:24px;padding-top:24px}.config-info ul{margin:0;padding-left:20px}.config-info li{color:#666;font-size:.9em;margin-bottom:8px}.config-info li strong{color:#333}@media (max-width:768px){.translation-config-overlay{padding:10px}.translation-config-modal{max-height:95vh}.config-content,.config-header{padding-left:16px;padding-right:16px}.cache-buttons,.config-buttons{flex-direction:column}.cache-btn{text-align:center}.provider-info{font-size:.9em}}.profile-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.profile-modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.modal-header{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);border-bottom:1px solid #e9ecef;border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px 28px 20px}.modal-header h2{font-size:1.5em;font-weight:600;margin:0}.close-btn{background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:24px;padding:4px 8px;transition:background-color .2s ease}.close-btn:hover{background:#ffffff4d}.modal-content{padding:28px}.profile-section{margin-bottom:32px}.profile-section:last-child{margin-bottom:0}.profile-section h3{border-bottom:2px solid #f0f0f0;color:#333;font-size:1.2em;font-weight:600;margin:0 0 16px;padding-bottom:8px}.user-details-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item label{color:#666;font-size:.9em;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-item span{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;color:#333;font-size:1em;padding:8px 12px}.email-text{word-break:break-all}.status.verified{color:#28a745;font-weight:600}.status.unverified{color:#dc3545;font-weight:600}.devices-list{display:flex;flex-direction:column;gap:12px}.device-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;padding:16px}.device-info .device-name{color:#333;font-size:1em;font-weight:600}.device-info .device-type{color:#666;font-size:.9em;margin-top:2px}.device-status{align-items:center;color:#28a745;display:flex;font-size:.9em;font-weight:500;gap:6px}.status-indicator{border-radius:50%;height:8px;width:8px}.status-indicator.online{background:#28a745}.status-indicator.offline{background:#dc3545}.status-indicator.selected{background:#007bff}.status-indicator.available{background:#6c757d}.permissions-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.permission-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;gap:12px;padding:12px 16px}.permission-status{font-size:1.2em;text-align:center;width:24px}.permission-status.granted{color:#28a745}.permission-status.readonly{color:#ffc107}.permission-status.denied{color:#dc3545}.permission-item span:last-child{color:#333;font-weight:500}.language-controls{display:flex;gap:12px}.lang-btn{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:8px;color:#333!important;cursor:pointer;display:flex;font-size:1em;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease}.lang-btn:hover{background:#f8f9fa;border-color:#007bff;color:#212529!important}.lang-btn.active{background:#007bff;border-color:#007bff;color:#fff!important}.section-description{color:#666;font-size:.95em;line-height:1.5;margin-bottom:16px}.config-btn{align-items:center;background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1em;font-weight:500;gap:12px;padding:12px 20px;transition:background-color .2s ease}.config-btn:hover{background:#0056b3}@media (max-width:768px){.profile-modal-overlay{padding:10px}.profile-modal{max-height:95vh}.modal-header{padding:20px 20px 16px}.modal-header h2{font-size:1.3em}.modal-content{padding:20px}.profile-section{margin-bottom:24px}.user-details-grid{gap:12px;grid-template-columns:1fr}.permissions-grid{gap:8px;grid-template-columns:1fr}.language-controls{flex-direction:column}.lang-btn{justify-content:center}.device-item{align-items:flex-start;flex-direction:column;gap:8px}.device-status{align-self:flex-end}}.no-devices{color:#6c757d;padding:24px;text-align:center}.no-devices-icon{display:block;font-size:2em;margin-bottom:8px}.no-devices p{font-style:italic;margin:0}.user-dropdown{display:inline-block;position:relative}.user-dropdown-trigger{align-items:center;background:#0000;border:1px solid #666;border-radius:4px;box-sizing:border-box;color:#666;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;height:36px;padding:6px 12px;transition:all .2s ease}.user-dropdown-trigger.open,.user-dropdown-trigger:hover{border-color:#007bff;color:#007bff}.user-avatar{object-fit:cover}.user-avatar,.user-initials{border-radius:50%;height:24px;width:24px}.user-initials{align-items:center;background:#007bff;color:#fff;display:flex;font-size:10px;font-weight:700;justify-content:center}.user-dropdown-trigger.open .user-initials{background:#fff3}.dropdown-arrow{font-size:10px;transition:transform .2s ease}.user-dropdown-trigger.open .dropdown-arrow{transform:rotate(180deg)}.user-dropdown-menu{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:4px;min-width:250px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.dropdown-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:16px}.user-info{align-items:center;display:flex;gap:12px}.user-avatar-large{object-fit:cover}.user-avatar-large,.user-initials-large{border-radius:50%;height:40px;width:40px}.user-initials-large{align-items:center;background:#007bff;color:#fff;display:flex;font-size:16px;font-weight:700;justify-content:center}.user-details{flex:1 1;min-width:0}.user-name{color:#333;font-size:14px;font-weight:600;margin-bottom:2px}.user-email,.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:#666;font-size:12px}.dropdown-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.dropdown-item:hover{background:#f8f9fa}.dropdown-item.auth-item{font-weight:500}.dropdown-item.auth-item:hover{background:#e3f2fd}.dropdown-icon{font-size:16px;text-align:center;width:20px}.dropdown-divider{background:#e9ecef;height:1px;margin:0}@media (max-width:768px){.user-dropdown-trigger{font-size:12px;padding:6px 8px}.user-avatar,.user-initials{height:20px;width:20px}.user-initials{font-size:8px}.user-dropdown-menu{min-width:200px;right:-20px}.dropdown-header{padding:12px}.user-avatar-large,.user-initials-large{height:32px;width:32px}.user-initials-large{font-size:14px}.user-name{font-size:13px}.user-email{font-size:11px}.dropdown-item{font-size:13px;padding:10px 12px}}
/*# sourceMappingURL=main.cb1ae524.css.map*/