*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#eee}#root{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:2rem}.header{color:#fff;padding:1.5rem 0;margin-bottom:2rem}.header h1{max-width:1200px;margin:0 auto;padding:0 2rem}.card{border-radius:8px;padding:1.5rem;margin-bottom:1rem;border:2px soldi white;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;white-space:nowrap;gap:.5rem}.card h2{margin-bottom:1rem}.card h3{margin-bottom:.75rem;color:#34495e}.scene-list{display:flex;flex-direction:column;gap:1rem;max-width:1200px;margin:0 auto}.scene-list>a{display:flex;flex-direction:column;gap:1rem}.scene-card{border-radius:12px;padding:1rem;border:2px solid white;transition:transform .2s,box-shadow .2s;height:100px;box-sizing:border-box;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;white-space:nowrap;gap:.5rem}.scene-card h3{color:#fff!important}.scene-status{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:500}.scene-status.active{background-color:#d4edda;color:#155724}.scene-status.inactive{background-color:#f8d7da;color:#721c24}.btn{background-color:#3498db;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s}.btn:hover{background-color:#2980b9}.btn:disabled{background-color:#95a5a6;cursor:not-allowed}.btn-success{background-color:#27ae60}.btn-success:hover{background-color:#229954}.btn-warning{background-color:#f39c12}.btn-warning:hover{background-color:#d68910}.btn-small{padding:.5rem 1rem;font-size:.875rem}.states-grid{display:flex;flex-direction:column;gap:1rem;width:100%}.state-btn{border:2px solid #bdc3c7;padding:1rem;border-radius:4px;cursor:pointer;text-align:center;transition:all .2s;font-size:24px;display:flex;justify-content:center;align-items:center;background-color:transparent;color:#fff}.state-btn.active{background-color:#fff;border-color:#fff;color:#000}.warning{background-color:transparent;border:1px solid #ffc107;border-radius:4px;padding:1rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.warning-icon{font-size:1.5rem}.warning-message{flex:1}.loading{text-align:center;padding:3rem;font-size:1.25rem;color:#7f8c8d}.error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;padding:1rem;color:#721c24}.theme-light{background-color:#fff;color:#111}.theme-light .card{border-color:#111}.theme-light .state-btn{color:#111;border-color:#003584}.theme-light .state-btn.active{background-color:#003584;border-color:#003584;color:#fff}.theme-light .warning{border-color:#f39c12;color:#111}.theme-light .loading{color:#7f8c8d}.control-logo{max-width:80%;height:auto;max-height:80px;margin:0 auto .5rem;display:block}.control-detail-container{min-height:100vh;max-width:100%;padding:2rem}.control-detail-container .card{max-width:1200px;margin-left:auto;margin-right:auto}