*{box-sizing:border-box}body{margin:0;padding:0;background:black;color:white;font-family:Segoe UI,sans-serif;min-height:100vh}.controller-container{display:flex;flex-direction:column;align-items:center;padding:1.5rem;min-height:100vh}.controller-title{font-size:1.8rem;margin-bottom:2.5rem;text-align:center}.group{background:#1e1e1e;border-radius:12px;padding:1rem;margin-bottom:1rem;width:100%;max-width:400px}.group-title{font-size:1.2rem;margin-bottom:.5rem;font-weight:700}.device{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #333}.device:last-child{border-bottom:none}.device-name{display:flex;align-items:center;gap:10px;font-size:1rem}.device-name i{color:#f1c40f}.switch{position:relative;display:inline-block;width:50px;height:28px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#555;border-radius:28px}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:white;border-radius:50%}input:checked+.slider{background-color:#2ecc71}input:checked+.slider:before{transform:translateX(22px)}.all-buttons{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem}.btn-all{padding:1rem 2rem;font-size:1.25rem;border-radius:12px;border:none;color:white;font-weight:700;cursor:pointer;min-width:120px}.btn-all:disabled{opacity:.5;cursor:not-allowed}.btn-on{background-color:#2ecc71}.btn-off{background-color:#e74c3c}.logout-btn{width:100%;max-width:400px;background-color:#555;font-size:1em;padding:10px;border-radius:8px;color:white;border:none;cursor:pointer;margin-top:30px}.logout-btn:hover{background-color:#444}.footer{margin-top:auto;font-size:.85rem;color:#aaa;padding-top:2rem}.login-container{align-items:center;justify-content:center;min-height:100vh;padding:20px}.login-container,.login-form{display:flex;flex-direction:column}.login-form{gap:10px;width:100%;max-width:400px}.login-form input{border:1px solid #333;border-radius:8px;background:#1e1e1e}.login-form button,.login-form input{padding:12px;font-size:1em;color:white}.login-form button{background:#3498db;border:none;border-radius:8px;cursor:pointer}.login-form button:hover{background:#2980b9}.login-form button:disabled{background:#555;cursor:not-allowed}.error-message{color:#e74c3c;text-align:center;margin-top:10px}.pulse-feedback{animation:pulseEffect .15s ease-out}@keyframes pulseEffect{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.admin-panel{max-width:400px;align-items:center}.admin-buttons,.admin-panel{width:100%;display:flex;flex-direction:column}.admin-buttons{gap:12px}.admin-buttons button,.btn-danger,.btn-secondary,.btn-success,.btn-warning{padding:12px 20px;font-size:1em;border:none;border-radius:8px;cursor:pointer;color:white;width:100%}.btn-danger{background-color:#e74c3c}.btn-danger:hover{background-color:#c0392b}.btn-success{background-color:#2ecc71}.btn-success:hover{background-color:#27ae60}.btn-warning{background-color:#f39c12}.btn-warning:hover{background-color:#d68910}.btn-secondary{background-color:#555}.btn-secondary:hover{background-color:#444}.btn-primary{background-color:#3498db}.btn-primary:hover{background-color:#2980b9}.admin-buttons button:disabled,.btn-danger:disabled,.btn-success:disabled,.btn-warning:disabled{opacity:.5;cursor:not-allowed}.success-message{background:#d4edda;color:#155724;padding:10px;border-radius:6px;text-align:center}