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}.home-automation-app.loading{align-items:center;background:#f5f5f5;display:flex;justify-content:center;min-height:100vh}.app-loading-message{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;max-width:400px;padding:40px;text-align:center}.app-loading-message h2{color:#333;font-size:24px;margin:0 0 16px}.app-loading-message p{color:#666;font-size:16px;margin:0}.home-automation-app.configuration-required{align-items:center;background:#f5f5f5;display:flex;justify-content:center;min-height:100vh;padding:20px}.configuration-message{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;max-width:500px;padding:40px;text-align:center}.configuration-message h2{color:#333;font-size:28px;margin:0 0 16px}.configuration-message>p{color:#666;font-size:16px;line-height:1.5;margin:0 0 24px}.configure-button{background:#1976d2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:32px;padding:14px 28px;transition:background-color .2s ease}.configure-button:hover{background:#1565c0}.help-text{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;text-align:left}.help-text h3{color:#495057;font-size:18px;margin:0 0 12px}.help-text ul{margin:0;padding-left:20px}.help-text li{color:#6c757d;line-height:1.4;margin:8px 0}.settings-gear{position:absolute;right:20px;top:20px;z-index:100}*,:after,:before{-ms-overflow-style:none;box-sizing:border-box;scrollbar-width:none}::-webkit-scrollbar{display:none}.home-automation-app{background:linear-gradient(180deg,#1a2f4a,#0f1e30 50%,#000);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;overflow:hidden;position:relative}.main-dashboard{box-sizing:border-box;height:100vh;justify-content:space-between;padding:20px 20px 70px}.main-dashboard,.time-date-header{display:flex;flex-direction:column}.time-date-header{align-items:center;margin-top:40px;position:relative}.time-display{color:#fff;font-size:72px;font-weight:700;letter-spacing:3px;margin-bottom:8px}.date-display{color:#fff;font-size:28px;font-weight:300}.battery-indicator{color:#fff;font-size:18px;opacity:.8;position:absolute;right:-100px;top:0}.category-row{flex:1 1;gap:40px;justify-content:center;margin:0 auto;max-width:800px;padding:40px 0}.category-item,.category-row{align-items:center;display:flex}.category-item{border-radius:15px;cursor:pointer;flex-direction:column;padding:15px;transition:all .3s ease}.category-item:hover{background:#ffffff1a;transform:scale(1.05)}.category-icon-wrapper{align-items:center;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:12px;display:flex;height:95px;justify-content:center;margin-bottom:15px;position:relative;width:95px}.category-icon-image{filter:brightness(0) invert(1);height:65px;width:65px}.category-label-caps{color:#fff;font-size:18px;font-weight:500;letter-spacing:1px;text-align:center}.quick-scenes-section{margin:30px 0}.section-title{color:#fff;font-size:22px;font-weight:500;margin-bottom:20px;text-align:center}.quick-scenes-row{gap:25px}.scene-icon-wrapper{border:2px solid #ffffff4d;height:75px;margin-bottom:12px;width:75px}.scene-icon-image{height:52px;width:52px}.scene-progress-ring{left:50%;top:50%;transform:translate(-50%,-50%)}.progress-ring-circle{transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .35s}.scene-label{font-size:16px}.executing-indicator{font-size:12px}.pulse-dot{animation:pulse 1.5s infinite}.device-categories-section{margin:30px 0}.zone-indicator{display:flex;justify-content:center;margin-bottom:20px}.zone-name{border-bottom:2px solid #4a9eff;font-size:30px;font-weight:300;padding-bottom:5px}.room-indicator{display:flex;justify-content:center;margin-bottom:20px}.room-name{border-bottom:2px solid #4a9eff;color:#fff;font-size:20px;font-weight:300;padding-bottom:5px}.dashboard-title{border-bottom:2px solid #0000;font-size:24px;font-weight:300;margin-bottom:40px;text-align:center}.dashboard-title.selected{border-bottom-color:#4a9eff}.category-grid{grid-gap:30px;display:grid;flex:1 1;gap:30px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);margin:0 auto;max-width:600px}.category-icon{align-items:center;background:#ffffff1a;border:2px solid #0000;border-radius:15px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:120px;padding:20px;transition:all .3s ease}.category-icon:hover{background:#fff3;transform:scale(1.05)}.category-icon.selected{background:#4a9eff33;border-color:#4a9eff}.category-icon img{filter:brightness(0) invert(1);height:55px;margin-bottom:12px;width:55px}.category-label{font-size:18px;font-weight:500;text-align:center}.bottom-navigation{background:#000000e6;border-top:1px solid #ffffff1a;bottom:0;display:flex;justify-content:space-around;left:0;padding:12px 20px;position:fixed;right:0}.nav-icon{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;min-width:60px;padding:5px;transition:all .3s ease}.nav-icon:hover{background:#ffffff1a}.nav-icon.active{background:#4a9eff4d}.nav-emoji{display:block;font-size:24px;margin-bottom:6px}.nav-icon img{filter:brightness(0) invert(1);height:28px;margin-bottom:6px;width:28px}.nav-label{display:none}.control-page{box-sizing:border-box;display:flex;flex-direction:column;height:100vh;padding:20px 20px 80px}.control-title{font-size:36px;font-weight:600;margin-bottom:15px;text-align:center}.control-grid{grid-gap:15px;flex:1 1;gap:15px;margin:0 auto;max-width:600px;width:100%}.grid-2x3{grid-template-rows:repeat(2,1fr)}.grid-2x3,.grid-3x3{grid-template-columns:repeat(3,1fr)}.grid-3x3{grid-template-rows:repeat(3,1fr)}.grid-3x5{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(5,1fr)}.control-button{background:#ffffff1a;border:2px solid #fff3;border-radius:15px;color:#fff;font-size:18px;font-weight:500;justify-content:center;min-height:90px;padding:12px;transition:all .3s ease}.control-button:hover{background:#fff3;transform:scale(1.02)}.control-button.active{background:#4a9eff66;border-color:#4a9eff}.control-button.power-on{background:#ff00004d;border-color:#f44}.control-button img{filter:brightness(0) invert(1);height:75px;margin-bottom:8px;width:75px}.control-icon{filter:brightness(0) invert(1);margin-bottom:0;width:105px}.control-name{font-size:33px}.control-status{font-size:14px;opacity:.7}.device-controls{display:flex;gap:5px;margin-top:10px}.control-button-small{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:10px;gap:0;height:58px;padding:8px 6px;width:70px}.control-button-small:hover{background:#fff3;transform:scale(1.05)}.control-button-small .control-icon{font-size:36px;height:auto;margin-bottom:0;width:auto}.control-button-small .control-label{font-size:19px;margin-top:2px;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.quick-scenes-section{margin-bottom:30px}.quick-scenes-row{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.quick-scene-button{align-items:center;background:#ffffff0d;border:2px solid #0000;border-radius:15px;cursor:pointer;display:flex;flex-direction:column;min-width:100px;padding:15px;position:relative;transition:all .3s ease}.quick-scene-button:hover{background:#ffffff1a;transform:scale(1.05)}.quick-scene-button.executing{background:#4a9eff33;border-color:#4a9eff;cursor:not-allowed}.scene-icon-wrapper{align-items:center;background:#ffffff1a;border:2px solid #fff3;border-radius:12px;display:flex;height:70px;justify-content:center;margin-bottom:10px;position:relative;width:70px}.scene-icon-image{filter:brightness(0) invert(1);height:48px;width:48px}.scene-progress-ring{height:70px;left:0;position:absolute;top:0;width:70px}.progress-ring{transform:rotate(-90deg)}.progress-ring-circle{transition:stroke-dashoffset .3s ease}.scene-label{color:#fff;font-size:14px;font-weight:500;letter-spacing:.5px;text-align:center}.executing-indicator{align-items:center;color:#4a9eff;display:flex;font-size:10px;gap:5px;margin-top:5px}.pulse-dot{animation:pulse 1.5s ease-in-out infinite;background:#4a9eff;border-radius:50%;height:6px;width:6px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.device-categories-section{margin-bottom:20px}.status-display{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}.status-icon{filter:brightness(0) invert(1);height:120px;margin-bottom:20px;width:120px}.status-text{font-size:24px;font-weight:300}.control-header{margin-bottom:30px;position:relative}.control-header,.cross-button{align-items:center;display:flex;justify-content:center}.cross-button{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;font-size:18px;font-weight:700;height:40px;position:absolute;right:0;top:0;transition:all .3s ease;width:40px}.cross-button:hover{background:#fff3;transform:scale(1.1)}@media (max-width:768px){.category-row{flex-wrap:wrap;gap:20px}.category-item{min-width:80px}.category-icon-wrapper{height:65px;width:65px}.category-icon-image{height:40px;width:40px}.time-display{font-size:36px}.control-grid{gap:12px}.control-button{font-size:14px;min-height:70px;padding:12px}}.config-error-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 120px);padding:20px}.config-error-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000004d;max-width:500px;padding:40px 30px;text-align:center}.error-icon{display:block;font-size:4rem;margin-bottom:20px}.error-title{color:#ff6b6b}.error-title,.loading-title{font-size:1.8rem;font-weight:600;margin-bottom:20px;text-shadow:0 2px 4px #0000004d}.loading-title{color:#4caf50}.error-message{color:#ffffffe6;font-size:1.1rem;line-height:1.6;margin-bottom:20px;text-shadow:0 1px 2px #00000080}.error-instructions{color:#fffc;font-size:1rem;line-height:1.5;margin-bottom:30px;text-shadow:0 1px 2px #00000080}.error-details{background:#0003;border-radius:10px;margin-top:20px;padding:15px}.error-details p{color:#ffffffb3;font-size:.9rem;margin:5px 0;text-shadow:0 1px 2px #00000080}.error-details strong{color:#ffffffe6;font-weight:600}.loading-message{color:#ffffffe6;font-size:1.1rem;line-height:1.6}.loading-details,.loading-message{margin-bottom:20px;text-shadow:0 1px 2px #0000004d}.loading-details{color:#ffffffb3;font-size:1rem;line-height:1.5}.error-contact{color:#fffc;font-size:1rem;font-weight:500;line-height:1.5;margin-bottom:20px;text-shadow:0 1px 2px #0000004d}.loading-progress{margin-top:20px;width:100%}.progress-bar{background:#fff3;border-radius:4px;box-shadow:inset 0 2px 4px #0003;height:8px;margin-bottom:10px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#4caf50,#45a049);border-radius:4px;box-shadow:0 2px 8px #4caf504d;height:100%;transition:width .3s ease}.progress-text{color:#fffc;font-size:.9rem;margin:0;text-align:center;text-shadow:0 1px 2px #0000004d}.lights-control{-ms-overflow-style:none;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;overflow-y:auto;padding-bottom:120px;scrollbar-width:none}.lights-control::-webkit-scrollbar{display:none}.lights-main-content{-ms-overflow-style:none;display:flex;flex:1 1;gap:20px;height:calc(100% - 80px);padding:0 20px 20px;scrollbar-width:none}.lights-main-content::-webkit-scrollbar{display:none}.lights-sidebar{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:15px 0;width:200px}.lights-mobile-dropdown{display:none}.device-selector{-webkit-appearance:none;appearance:none;background:#ffffff1a;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:1px solid #ffffff4d;border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin:0 10px;max-width:400px;padding:12px 40px 12px 15px;width:calc(100% - 20px)}.device-selector:focus{background:#ffffff26;border-color:#4a9eff;outline:none}.device-selector option{background:#1a2f4a;color:#fff;padding:10px}.lights-room-list{display:flex;flex-direction:column;gap:8px}.lights-room-item{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin:0 8px;padding:12px 15px;transition:all .3s ease}.lights-room-item:hover{background:#ffffff1a}.lights-room-item.selected{background:#4a9eff33;border-color:#4a9eff}.lights-room-item.device-on .room-name{color:#4a9eff}.room-name{color:#fff!important;font-size:14px;font-weight:500}.room-status{align-items:center;display:flex}.status-indicator{background:#666;border-radius:50%;height:8px;transition:all .3s ease;width:8px}.status-indicator.on{background:#4a9eff;box-shadow:0 0 10px #4a9eff80}.no-devices-message{align-items:center;color:#fff9;display:flex;flex-direction:column;font-size:14px;height:200px;justify-content:center}.no-devices-message div:first-child{font-size:40px;margin-bottom:10px}.lights-scenes{-ms-overflow-style:none;background:#ffffff08;border:1px solid #ffffff1a;border-radius:10px;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:20px;scrollbar-width:none}.lights-scenes::-webkit-scrollbar{display:none}.scenes-grid{grid-gap:15px;display:grid;flex:1 1;gap:15px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);margin-bottom:20px}.scene-button{align-items:center;background:#ffffff14;border:2px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:80px;padding:20px 10px;position:relative;transition:all .3s ease}.scene-button:hover{background:#ffffff1f;transform:scale(1.02)}.scene-button.active{background:#4a9eff33;border-color:#4a9eff;color:#4a9eff}.scene-button.off-button{background:#ff32321a;border-color:#ff32324d}.scene-button.off-button.active{background:#ff323233;border-color:#ff3232;color:#ff3232}.scene-button.disabled{background:#ffffff05;border-color:#ffffff0d;cursor:not-allowed;opacity:.3}.scene-button.disabled:hover{background:#ffffff05;transform:none}.scene-icon{font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,Segoe UI,Tahoma,Arial,sans-serif;font-size:28px;margin-bottom:8px;opacity:.6;transition:all .3s ease}.scene-button.active .scene-icon{opacity:1;text-shadow:0 0 15px currentColor}.scene-name{color:#fff;font-size:12px;font-weight:500;letter-spacing:.5px;text-align:center}.scene-button.active .scene-name{color:inherit}.active-glow{animation:glow-pulse 2s ease-in-out infinite;background:linear-gradient(45deg,#0000,#4a9eff4d,#0000);border-radius:12px;inset:-2px}@keyframes glow-pulse{0%,to{opacity:.5}50%{opacity:1}}.device-info{border-bottom:1px solid #ffffff1a;color:#fffc;margin-bottom:15px;padding-bottom:10px;text-align:center}.additional-controls{border-top:1px solid #ffffff1a;margin-top:15px;padding-top:15px}.no-selection-message{color:#ffffff80;font-size:16px;height:100%}.no-selection-message div:first-child{font-size:60px;margin-bottom:15px;opacity:.7}@media (max-width:768px){.lights-control{height:auto;min-height:100vh;overflow-y:auto;padding-bottom:220px}.lights-main-content{flex-direction:column;min-height:auto;overflow-y:auto;padding:0 10px 15px}.lights-sidebar{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;margin-bottom:20px;max-height:none;padding:15px;width:100%}.lights-mobile-dropdown{display:block}.lights-room-list{display:none}.scenes-grid{gap:10px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.scene-button{min-height:70px;padding:15px 8px}.scene-icon{font-size:24px;margin-bottom:5px}.scene-name{font-size:11px}.lights-scenes{flex:none;max-height:calc(100vh - 250px);min-height:auto;overflow-y:auto}.additional-controls{margin-bottom:100px;padding-bottom:20px}.device-selector{font-size:16px;margin:0 10px;width:calc(100% - 20px)}}.shades-main-content{-ms-overflow-style:none;display:flex;flex:1 1;gap:20px;height:calc(100% - 80px);padding:0 20px 20px;scrollbar-width:none}.shades-main-content::-webkit-scrollbar{display:none}.shades-sidebar{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:15px 0;width:200px}.shades-mobile-dropdown{display:none}.shades-device-list{display:flex;flex-direction:column;gap:8px}.shades-device-item{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin:0 8px;padding:12px 15px;transition:all .3s ease}.shades-device-item:hover{background:#ffffff1a}.shades-device-item.selected{background:#4a9eff33;border-color:#4a9eff}.shades-device-item.device-on .device-name{color:#4a9eff}.device-name{color:#fff!important;font-size:16px;font-weight:500}.device-status{align-items:center;display:flex}.shades-commands{-ms-overflow-style:none;background:#ffffff08;border:1px solid #ffffff1a;border-radius:10px;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:20px;scrollbar-width:none}.shades-commands::-webkit-scrollbar{display:none}.commands-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.command-button{align-items:center;background:#ffffff14;border:2px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:100px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.command-button:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-2px)}.command-button:active{transform:translateY(0)}.command-icon{align-items:center;display:flex;justify-content:center;margin-bottom:8px}.command-name{word-wrap:break-word;color:#fff;font-size:12px;font-weight:500;line-height:1.2;text-align:center}.no-selection-message{align-items:center;color:#fff9;display:flex;flex-direction:column;font-size:14px;height:200px;justify-content:center;text-align:center}.no-selection-message div:first-child{font-size:40px;margin-bottom:10px}@media (max-width:768px){.shades-main-content{flex-direction:column;gap:15px;padding:0 10px 15px}.shades-sidebar{height:auto;padding:10px 0;width:100%}.shades-device-list{display:none}.shades-mobile-dropdown{display:block}.shades-commands{padding:15px}.commands-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.command-button{min-height:95px;padding:18px 15px}}.tv-remote{-ms-overflow-style:none;background:#ffffff08;border:1px solid #ffffff1a;border-radius:10px;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:20px;scrollbar-width:none}.tv-remote::-webkit-scrollbar{display:none}.remote-sections{gap:20px}.remote-section,.remote-sections{display:flex;flex-direction:column}.remote-section{gap:10px}.section-title{color:#fffc;font-size:14px;font-weight:600;letter-spacing:1px;margin-bottom:5px;text-transform:uppercase}.remote-buttons-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.remote-buttons-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));justify-items:center}.navigation-pad{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);margin:0 auto;max-width:200px}.nav-up{grid-column:2;grid-row:1}.nav-left{grid-column:1;grid-row:2}.nav-center{grid-column:2;grid-row:2}.nav-right{grid-column:3;grid-row:2}.nav-down{grid-column:2;grid-row:3}.nav-other{grid-column:1/-1;grid-row:4}.remote-button{align-items:center;background:#c8c8c81a;border:2px solid #b4b4b433;border-radius:12px;color:#e0e0e0;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:60px;min-width:60px;overflow:hidden;padding:12px 8px;position:relative;transition:all .3s ease}.remote-button:hover{background:#dcdcdc26;border-color:#c8c8c84d;transform:translateY(-2px)}.remote-button:active{background:#a0a0a033;transform:translateY(0)}.button-icon{align-items:center;display:flex;justify-content:center;margin-bottom:4px}.button-label{word-wrap:break-word;color:#e0e0e0;font-size:10px;font-weight:500;line-height:1.2;text-align:center}.power-button{background:#6464644d;border-color:#78787866;color:#f44}.power-button:hover{background:#78787866;border-color:#8c8c8c80}.volume-button{background:#8c8c8c33;border-color:#a0a0a04d}.volume-button:hover{background:#a0a0a04d;border-color:#b4b4b466}.nav-button{background:#78787840;border-color:#8c8c8c59}.nav-button:hover{background:#8c8c8c59;border-color:#a0a0a073}.nav-center{background:#64646466;border-color:#78787880;border-radius:50%}.media-button{background:#82828233;border-color:#9696964d}.media-button:hover{background:#9696964d;border-color:#aaa6}.other-button{background:#6e6e6e33;border-color:#8282824d}.other-button:hover{background:#8282824d;border-color:#96969666}.numpad-button{background:#5a5a5a4d;border-color:#6e6e6e66;border-radius:8px;min-height:60px;min-width:60px}.numpad-button:hover{background:#6e6e6e66;border-color:#82828280}.numpad-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);justify-items:center;margin:0 auto;max-width:216px}.numpad-text{align-items:center;color:#fff;display:flex;font-size:29px;font-weight:700;height:100%;justify-content:center;width:100%}.numpad-zero{grid-column:2/3}.disc-button{background:#5050504d;border-color:#64646466}.disc-button:hover{background:#64646466;border-color:#78787880}.tv-source-selection{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1ef2;border:1px solid #ffffff1a;border-radius:15px;display:flex;flex-direction:column;gap:15px;max-height:600px;overflow-y:auto;padding:20px;width:220px}.source-title{color:#fff;font-size:14px;font-weight:600;letter-spacing:1px;margin-bottom:10px;opacity:.9;text-align:center}.current-source-display{background:#32323299;border:1px solid #ffffff1a;border-radius:10px;display:flex;flex-direction:column;gap:8px;padding:12px}.current-source-label{color:#aaa;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.current-source-info{align-items:center;display:flex;gap:8px}.current-source-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.current-source-name{color:#fff;font-size:13px;font-weight:500}.source-buttons{display:flex;flex-direction:column;gap:8px}.source-button{align-items:center;background:#5050504d;border:1px solid #7878784d;border-radius:10px;color:#e0e0e0;cursor:pointer;display:flex;gap:10px;padding:12px;text-align:left;transition:all .3s ease;width:100%}.source-button:hover{background:#64646466;border-color:#8c8c8c66;transform:translateY(-1px)}.source-button.active{background:#4a9eff4d;border-color:#4a9eff80;color:#fff}.source-button.active:hover{background:#4a9eff66;border-color:#4a9eff99}.source-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.source-name{color:inherit;font-size:12px;font-weight:500}.no-mode-message,.off-mode-message{align-items:center;color:#aaa;display:flex;flex-direction:column;gap:10px;height:300px;justify-content:center;text-align:center}.no-mode-message div:first-child,.off-mode-message div:first-child{font-size:60px;margin-bottom:10px}.no-mode-message div:nth-child(2),.off-mode-message div:nth-child(2){color:#ccc;font-size:18px;font-weight:500}.tv-scenes{-ms-overflow-style:none;background:#ffffff08;border:1px solid #ffffff1a;border-radius:10px;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:20px;scrollbar-width:none;transition:all .3s ease}.tv-scenes::-webkit-scrollbar{display:none}@media (max-width:768px){.tv-control{height:auto;min-height:100vh;overflow-y:auto;padding-bottom:120px}}.aircon-control{-ms-overflow-style:none;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;overflow-y:auto;padding-bottom:120px;scrollbar-width:none}.aircon-control::-webkit-scrollbar{display:none}.aircon-main-content{-ms-overflow-style:none;display:flex;flex:1 1;gap:20px;height:calc(100% - 80px);padding:0 20px 20px;scrollbar-width:none}.aircon-main-content::-webkit-scrollbar{display:none}.aircon-sidebar{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:15px 0;width:200px}.aircon-mobile-dropdown{display:none}.aircon-device-list{display:flex;flex-direction:column;gap:8px}.aircon-device-item{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin:0 8px;padding:12px 15px;transition:all .3s ease}.aircon-device-item:hover{background:#ffffff1a}.aircon-device-item.selected{background:#4a9eff33;border-color:#4a9eff}.aircon-device-item.device-on .device-name{color:#4a9eff}.aircon-modes{-ms-overflow-style:none;background:#ffffff08;border:1px solid #ffffff1a;border-radius:10px;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:20px;scrollbar-width:none}.aircon-modes::-webkit-scrollbar{display:none}.modes-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:20px;max-width:600px}.mode-button{align-items:center;background:#ffffff14;border:2px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:100px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.mode-button:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-2px)}.mode-button:active{transform:translateY(0)}.mode-button.active{background:#4a9eff33;border-color:#4a9eff;box-shadow:0 0 20px #4a9eff4d}.mode-button.off-button{background:#ff57221a;border-color:#ff57224d}.mode-button.off-button:hover{background:#ff572233;border-color:#ff572280}.mode-button.disabled{cursor:not-allowed;opacity:.3}.mode-button.disabled:hover{background:#ffffff14;border-color:#ffffff1a;transform:none}.mode-icon{align-items:center;display:flex;justify-content:center;margin-bottom:8px}.mode-name{word-wrap:break-word;color:#fff;font-size:12px;font-weight:500;line-height:1.2;text-align:center}.active-glow{animation:glow 2s ease-in-out infinite;background:linear-gradient(45deg,#0000,#4a9eff1a,#0000)}@keyframes glow{0%,to{opacity:0}50%{opacity:1}}.temperature-controls{border-top:1px solid #ffffff1a;margin-top:20px;padding-top:15px}.control-button-small{border:1px solid #ffffff26;justify-content:center;min-height:70px;min-width:100px;padding:15px 20px;transition:all .3s ease}.control-button-small:hover{border-color:#ffffff4d;transform:translateY(-1px)}.control-button-small:active{transform:translateY(0)}.control-icon{align-items:center;display:flex;justify-content:center;margin-bottom:4px}.control-label{font-size:10px;text-align:center}@media (max-width:768px){.aircon-main-content{flex-direction:column;gap:15px;padding:0 10px 15px}.aircon-sidebar{height:auto;padding:10px 0;width:100%}.aircon-device-list{display:none}.aircon-mobile-dropdown{display:block}.aircon-modes{padding:15px}.modes-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.mode-button{min-height:80px;padding:15px}.control-buttons-row{gap:8px}.control-button-small{min-height:75px;min-width:90px;padding:15px}}.current-temperature-display{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;margin:20px 0;padding:15px}.temperature-display-container{flex-direction:column}.temperature-icon{color:#4fc3f7;margin-bottom:5px}.temperature-value{gap:5px;margin-bottom:5px}.temperature-number{font-size:36px;font-weight:700;line-height:1}.temperature-unit{color:#b0bec5;font-size:20px;font-weight:500}.temperature-label{color:#90a4ae;font-size:14px;font-weight:500;letter-spacing:.5px;text-align:center}.temperature-number:has-text("N/A"),.temperature-number[data-na=true]{color:#90a4ae;font-style:italic;opacity:.7}.temperature-number.unavailable{color:#90a4ae;opacity:.7}@media (max-width:480px){.temperature-number{font-size:28px}.temperature-unit{font-size:16px}.temperature-label{font-size:12px}}.control-main-content{-ms-overflow-style:none;display:flex;flex:1 1;gap:20px;height:calc(100% - 80px);padding:0 20px 20px;scrollbar-width:none}.control-main-content::-webkit-scrollbar{display:none}.control-sidebar{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:15px 0;width:200px}.control-mobile-dropdown{display:none}@media (max-width:768px){.control-mobile-dropdown{display:block;margin-bottom:15px}}.zone-list{display:flex;flex-direction:column;gap:8px;padding:0 15px}@media (max-width:768px){.zone-list{flex-direction:row;flex-wrap:wrap;gap:10px;padding:0}}.zone-item{align-items:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:12px 15px;transition:all .2s ease}.zone-item:hover{background:#ffffff14;border-color:#ffffff26}.zone-item.selected{background:#4a9eff26;border-color:#4a9eff4d}.zone-name{color:#fff;font-size:16px;font-weight:500}@media (max-width:768px){.zone-item{flex:0 1 auto;justify-content:center;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:10px 20px}.zone-name{font-size:14px;white-space:nowrap}}.zone-device-count{background:#ffffff1a;border-radius:10px;color:#fff9;font-size:12px;min-width:18px;padding:2px 6px;text-align:center}.control-devices{-ms-overflow-style:none;background:#ffffff08;border:1px solid #ffffff1a;border-radius:10px;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:20px;scrollbar-width:none}.control-devices::-webkit-scrollbar{display:none}.device-section{background:#ffffff05;border:1px solid #ffffff14;border-radius:10px;margin-bottom:30px;padding:20px}.device-section:last-child{margin-bottom:0}.device-header{border-bottom:1px solid #ffffff1a;gap:12px;margin-bottom:20px;padding-bottom:12px}.device-header,.device-icon{align-items:center;display:flex}.device-icon{background:#4a9eff26;border:1px solid #4a9eff4d;border-radius:8px;height:32px;justify-content:center;width:32px}.device-name{color:#fff;flex:1 1;font-size:18px;font-weight:600}.device-status-indicator{background:#f44;border-radius:50%;height:8px;width:8px}.device-status-indicator.on{background:#4f4;box-shadow:0 0 8px #44ff4480}.device-modes{margin-bottom:20px}.device-modes-title{color:#ffffffb3;font-size:14px;font-weight:500;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.control-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.control-button{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:8px;overflow:hidden;padding:16px 12px;position:relative;transition:all .2s ease}.control-button:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.control-button:active{transform:translateY(0)}.control-button.active{background:#4a9eff33;border-color:#4a9eff66;color:#4a9eff}.control-button.off-button{background:#ff44441a;border-color:#f443}.control-button.off-button.active{background:#f443;border-color:#f446}.control-button.disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.control-icon{color:#4a9eff;font-size:42px}.control-name{color:#fff;font-size:22px;font-weight:500;line-height:1.2;margin-bottom:4px;text-align:center}.control-button.active .control-icon,.control-button.active .control-name{color:#4a9eff}.active-glow{background:radial-gradient(circle at center,#4a9eff1a 0,#0000 70%);border-radius:10px;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.device-additional-controls{margin-top:15px}.device-controls-title{color:#fff9;font-size:13px;font-weight:500;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.control-buttons-row{flex-wrap:wrap;gap:10px}.control-button-small{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:12px;gap:4px;padding:12px 16px;transition:all .2s ease}.control-button-small:hover{background:#ffffff1a;border-color:#fff3}.control-button-small .control-icon{color:#4a9eff;font-size:33px}.control-label{color:#fffc;font-size:11px;font-weight:500}@media (max-width:768px){.control-main-content{flex-direction:column;gap:15px;min-height:auto;overflow-y:auto;padding:0 10px 15px}.control-main-content.remote-visible{grid-gap:8px!important;display:grid!important;flex-direction:column!important;gap:8px!important;grid-template-areas:"sidebar remote" "devices remote"!important;grid-template-columns:1fr 45%!important;grid-template-rows:auto auto!important;padding:0 8px 15px!important}.control-sidebar{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;margin-bottom:20px;max-height:none;order:1;padding:15px;width:100%}.control-main-content.remote-visible .control-sidebar{grid-area:sidebar!important;margin-bottom:10px!important;margin-right:0;width:100%!important}.control-devices{order:2;padding:15px;width:100%}.control-main-content.remote-visible .control-devices{grid-area:devices!important;padding:15px!important;width:100%!important}.control-grid{gap:10px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.control-button{padding:8px 6px}.control-icon{font-size:36px}.control-name{font-size:21px}}.no-devices-message,.no-selection-message,.no-zones-message{align-items:center;color:#fff9;display:flex;flex-direction:column;font-size:16px;height:200px;justify-content:center;text-align:center}.no-devices-message div:first-child,.no-selection-message div:first-child,.no-zones-message div:first-child{font-size:48px;margin-bottom:15px}.tv-remote-panel{-ms-overflow-style:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141414f2;border-left:1px solid #ffffff1a;overflow-y:auto;padding:0;scrollbar-width:none;transition:all .4s cubic-bezier(.4,0,.2,1);width:0;z-index:1000}.tv-remote-panel::-webkit-scrollbar{display:none}.tv-remote-panel.visible{padding:20px;width:30%}.remote-section{margin-bottom:20px}.remote-section:last-child{margin-bottom:0}.remote-commands-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:15px}.remote-command-button{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:14px;gap:8px;padding:18px 14px;transition:all .2s ease}.remote-command-button:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.remote-command-button:active{transform:translateY(0)}.remote-command-icon{color:#4a9eff;font-size:24px}.remote-command-name{color:#ffffffe6;font-size:12px;font-weight:500;line-height:1.2;text-align:center}.remote-button.channel-button{background:#4a9eff1a;border-color:#4a9eff4d}.remote-button.channel-button:hover{background:#4a9eff33;border-color:#4a9eff80}@media (max-width:768px){.tv-remote-panel.visible{grid-area:remote!important;padding:15px;width:100%!important}.remote-commands-grid{gap:8px;grid-template-columns:repeat(3,1fr)}.remote-command-button{min-height:80px;padding:15px 8px}.remote-command-icon{font-size:20px}.remote-command-name{font-size:10px}.category-icon-wrapper{height:75px;width:75px}.category-icon-image{height:50px;width:50px}.category-label-caps{font-size:16px}.scene-icon-wrapper{height:65px;width:65px}.scene-icon-image{height:45px;width:45px}.time-display{font-size:60px}.date-display{font-size:24px}}.current-temperature-display{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;display:flex;flex:1 1;justify-content:center;margin:12px 0;min-width:0;padding:12px}.temperature-display-container{align-items:center;display:flex;gap:8px;justify-content:center}.device-additional-controls{display:flex;flex-direction:column;gap:15px}.device-additional-controls .device-controls-title{margin-bottom:10px}.temperature-controls-row{align-items:center;display:flex;gap:15px;justify-content:center}.control-buttons-row{display:flex;gap:8px;justify-content:center}.device-custom-content.temperature-display-moved{flex:0 0 auto;margin:0;width:200px}.temperature-icon{color:#4a9eff}.temperature-value{align-items:baseline;display:flex;gap:4px}.temperature-number{color:#fff;font-size:64px;font-weight:600}.temperature-number.unavailable{color:#ffffff80;font-style:italic}.temperature-unit{color:#ffffffb3;font-size:32px}.temperature-label{color:#fff9;display:none;font-size:0;margin-left:8px}.temperature-display-moved .current-temperature-display{background:#ffffff08;margin:6px 0;padding:6px}.temperature-display-moved .temperature-icon{transform:scale(.65)}.temperature-display-moved .temperature-number{font-size:48px}.temperature-display-moved .temperature-unit{font-size:24px}.temperature-display-moved .temperature-label{font-size:8px}.loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:2rem}.spinner{animation:spin 1s linear infinite;border:4px solid #1a365d1a;border-left-color:#1a365d;border-radius:50%;height:40px;margin-bottom:1rem;width:40px}.loading-spinner p{color:#1a365d;font-size:.9rem;margin:0;opacity:.8}.app-loading{align-items:center;display:flex;justify-content:center;min-height:50vh}@media (display-mode:standalone){.home-automation-app{-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}}.home-automation-app{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;cursor:default;-webkit-user-select:none;user-select:none}.control-button,.control-button-small,button[class*=control]{-webkit-touch-callout:none!important;-webkit-tap-highlight-color:transparent!important;-webkit-user-drag:none!important;-khtml-user-drag:none!important;-moz-user-drag:none!important;-o-user-drag:none!important;cursor:pointer!important;outline:none!important;touch-action:none!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;img{-webkit-user-drag:none!important;-khtml-user-drag:none!important;-moz-user-drag:none!important;-o-user-drag:none!important;pointer-events:none}}.device-section{-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}.control-button-small.pressed{background:#4a9eff4d!important;border-color:#4a9eff!important;box-shadow:inset 0 2px 8px #4a9eff66!important;transform:scale(.95)!important}.control-button.pressed{background:#4a9eff33!important;box-shadow:inset 0 2px 12px #4a9eff4d!important;transform:scale(.98)!important}@media (hover:none) and (pointer:coarse){.control-button,.control-button-small{-webkit-touch-callout:none!important;-webkit-tap-highlight-color:rgba(0,0,0,0)!important;user-select:none!important;-webkit-user-select:none!important}}@media (hover:hover) and (pointer:fine){.control-button,.control-button-small{-webkit-user-drag:none!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important}}.preset-channel-button{background:#d0d0d0!important;border:2px solid #d0d0d0!important;box-shadow:0 2px 4px #0000001a!important;color:#333!important;height:65px!important;padding:4px!important;width:65px!important}.preset-channel-button:hover{background:#d8d8d8!important;border-color:#4a9eff!important;box-shadow:0 4px 8px #00000026!important}.preset-channel-button:active{background:#c8c8c8!important;transform:translateY(1px)!important}.preset-channel-button .button-icon{align-items:center!important;display:flex!important;height:100%!important;justify-content:center!important;margin:0!important;padding:0!important;width:100%!important}.preset-channel-button .button-icon img{height:95%!important;margin:0!important;object-fit:contain!important;padding:0!important;width:95%!important}.preset-channel-button .button-label{color:#333!important;font-size:11px!important;font-weight:600!important;margin-top:2px!important;text-align:center!important}.icon-power-on:before{color:#166534;content:"⏻"}.icon-power-off:before{color:#991b1b;content:"⭘"}.icon-restart:before{color:#92400e;content:"↻"}.icon-command:before{color:#4b5563;content:"⚙"}.status-normal:before{color:#10b981;content:"✓ "}.status-attention:before{color:#f59e0b;content:"⚠ "}.status-error:before{color:#ef4444;content:"✗ "}.status-unknown:before{color:#6b7280;content:"? "}.crestron-settings{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:800px;padding:20px}.crestron-settings.error,.crestron-settings.loading{color:#666;padding:40px;text-align:center}.settings-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.settings-header h3{color:#333;font-size:24px;margin:0}.close-button{background:none;border:none;border-radius:4px;color:#999;cursor:pointer;font-size:24px;padding:4px 8px}.close-button:hover{background:#f0f0f0;color:#666}.status-section{margin-bottom:32px}.status-section h4{color:#444;font-size:18px;margin:0 0 16px}.status-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.status-item{display:flex;flex-direction:column;gap:4px}.status-item label{color:#555;font-size:14px;font-weight:600}.status-value{border-radius:6px;font-size:14px;font-weight:500;padding:8px 12px}.status-value.url{background:#e3f2fd;color:#1976d2}.status-value.hardware{background:#f3e5f5;color:#7b1fa2}.status-value.user{background:#e8f5e8;color:#388e3c}.status-value.env{background:#fff3e0;color:#f57c00}.status-value.configured{background:#e8f5e8;color:#2e7d32}.status-value.incomplete,.status-value.missing{background:#ffebee;color:#c62828}.status-value.crcomlib{background:#f3e5f5;color:#7b1fa2}.status-value.webxpanel{background:#e3f2fd;color:#1976d2}.status-value.unknown{background:#fff3e0;color:#f57c00}.connection-explanation{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:4px;margin:16px 0;padding:12px}.connection-explanation h5{color:#1976d2;font-size:14px;margin:0 0 8px}.explanation-text{color:#424242;font-size:13px;line-height:1.4;margin:0}.missing-env-vars{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;margin-top:16px;padding:16px}.missing-env-vars h5{color:#856404;margin:0 0 12px}.missing-env-vars ul{margin:8px 0;padding-left:20px}.missing-env-vars li{margin:4px 0}.missing-env-vars code{background:#f8f9fa;border-radius:3px;font-family:Courier New,monospace;font-size:13px;padding:2px 6px}.env-help{color:#856404;font-size:14px;font-style:italic;margin:12px 0 0}.settings-form{margin-bottom:32px}.settings-form h4{color:#444;font-size:18px;margin:0 0 8px}.form-description{color:#666;font-size:14px;line-height:1.5;margin:0 0 20px}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:6px}.form-group input{border:2px solid #e0e0e0;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s ease;width:100%}.form-group input:focus{border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a;outline:none}.form-group input:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.form-group small{color:#666;display:block;font-size:12px;line-height:1.4;margin-top:4px}.form-actions{display:flex;gap:12px;margin-top:24px}.save-button{background:#1976d2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:background-color .2s ease}.save-button:hover:not(:disabled){background:#1565c0}.save-button:disabled{background:#ccc;cursor:not-allowed}.reset-button{background:#f5f5f5;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.reset-button:hover:not(:disabled){background:#e0e0e0;border-color:#bbb}.reset-button:disabled{cursor:not-allowed;opacity:.5}.system-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:20px 0;padding:16px}.system-section h4{color:#495057;margin:0 0 16px}.system-info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.system-info-item{display:flex;flex-direction:column;gap:4px}.system-info-item label{color:#6c757d;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.system-info-item span{color:#495057;font-size:14px;font-weight:500}.debug-section{border-top:1px solid #e0e0e0;padding-top:20px}.debug-section details{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:12px}.debug-section summary{color:#495057;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:8px}.debug-content{margin-top:16px}.debug-content h5{border-bottom:1px solid #dee2e6;color:#495057;font-size:14px;font-weight:600;margin:16px 0 8px;padding-bottom:4px}.debug-content h5:first-child{margin-top:0}.debug-section pre{word-wrap:break-word;background:#fff;border:1px solid #dee2e6;border-radius:4px;font-family:Courier New,monospace;font-size:11px;margin:8px 0 0;max-height:300px;overflow-x:auto;overflow-y:auto;padding:12px;white-space:pre-wrap}@media (max-width:768px){.crestron-settings{border-radius:0;margin:0;padding:16px}.status-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.reset-button,.save-button{width:100%}}.settings-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.settings-modal-overlay .crestron-settings{margin:0;max-height:90vh;overflow-y:auto}.offline-indicator{left:0;position:fixed;right:0;top:0;z-index:9999}.offline-banner,.online-banner{align-items:center;animation:slideDown .3s ease-out;color:#fff;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.5rem 1rem;text-align:center}.offline-banner{background:#dc2626}.online-banner{background:#059669}.offline-icon,.online-icon{font-size:1rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.offline-banner,.online-banner{font-size:.75rem;padding:.375rem .75rem}}.ios-prompt,.pwa-install-prompt{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;bottom:1rem;box-shadow:0 4px 20px #00000026;left:1rem;position:fixed;right:1rem;z-index:1000}.install-content{padding:1rem}.install-header{align-items:center;display:flex;margin-bottom:.5rem}.pwa-install-prompt .install-header{margin-bottom:1rem}.install-icon{font-size:1.5rem;margin-right:.5rem}.pwa-install-prompt .install-icon{font-size:2rem;margin-right:.75rem}.install-text{flex:1 1}.install-header h3{color:#1a365d;flex:1 1;font-size:1.1rem;margin:0}.install-text h3{color:#1a365d;font-size:1.1rem;margin:0 0 .25rem}.install-text p{color:#666;font-size:.85rem;margin:0}.dismiss-btn{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:24px;justify-content:center;padding:0;width:24px}.ios-prompt p{color:#4a5568;font-size:.9rem;margin:0 0 .5rem}.ios-prompt ol{color:#4a5568;font-size:.85rem;margin:0;padding-left:1.2rem}.ios-prompt li{margin-bottom:.25rem}.share-icon{background:#007aff;border-radius:4px;color:#fff;font-size:.9rem;margin:0 2px;padding:2px 4px}.install-actions{display:flex;gap:.5rem}.install-btn{background:#1a365d;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:.75rem 1rem;transition:background-color .2s}.install-btn:hover{background:#2d5a87}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.ios-prompt,.pwa-install-prompt{bottom:.5rem;left:.5rem;right:.5rem}}.offline-queue-indicator{bottom:1rem;pointer-events:auto;position:fixed;right:1rem;z-index:1000}.queue-status{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:1px solid #ffffff1a;border-radius:20px;color:#fff;display:flex;font-size:.75rem;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease}.queue-status.online{background:#059669e6}.queue-status.offline{background:#dc2626e6}.queue-status.syncing{background:#3b82f6e6}.queue-status:hover{box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.queue-icon{font-size:.9rem}.queue-status.syncing .queue-icon{animation:spin 1s linear infinite}.queue-text{font-weight:500}.sync-hint{font-size:.65rem;margin-left:.25rem;opacity:.8}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.offline-queue-indicator{bottom:.5rem;right:.5rem}.queue-status{font-size:.7rem;padding:.375rem .5rem}.sync-hint{display:none}}
/*# sourceMappingURL=main.c8367d3a.css.map*/