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{align-items:flex-start;background:linear-gradient(to bottom right,#eceff1,#cfd8dc);color:#333;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;margin:0;min-height:100vh;padding:2vw}.dashboard-container{background-color:#fff;border-radius:15px;box-shadow:0 10px 30px #00000026;max-width:60vw;padding:3vw;text-align:center;width:60vw}h1{color:#2c3e50;font-size:clamp(1.8em,4vw,2.8em);font-weight:600;margin-bottom:3.5vw}.error-message{color:#e74c3c;font-size:1.1em;font-weight:700}.card-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:25px}.card{background-color:#fcfcfc;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 5px 15px #00000014;display:flex;flex-direction:column;justify-content:space-between;padding:20px;text-align:center;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.card:hover{box-shadow:0 12px 25px #00000026;transform:translateY(-8px)}.card h2{color:#34495e;font-size:clamp(1.4em,2.5vw,1.8em);font-weight:500;margin-bottom:20px;margin-top:0}.status-text{color:#7f8c8d;font-size:.9em;font-style:italic;margin-top:10px}.thermostat-card{border-left:6px solid #3498db}.thermostat-display{flex-direction:column;height:clamp(150px,25vw,180px)}.thermostat-dial,.thermostat-display{align-items:center;display:flex;justify-content:center}.thermostat-dial{background-color:#ecf0f1;border:8px solid #bdc3c7;border-radius:50%;box-shadow:inset 0 0 10px #0000001a;height:clamp(100px,15vw,120px);overflow:hidden;position:relative;width:clamp(100px,15vw,120px)}.thermostat-fill{background:linear-gradient(0deg,#e74c3c,#f39c12);bottom:0;position:absolute;transition:height .5s ease-in-out;width:100%}.thermostat-temp{color:#2c3e50;font-size:clamp(2em,3.5vw,2.8em);font-weight:700;position:relative;text-shadow:1px 1px 2px #0000001a;z-index:1}.curtains-card{border-left:6px solid #f39c12}.window-container{border:10px solid #7f8c8d;border-radius:5px;box-shadow:0 5px 15px #0003;height:clamp(150px,80vw,250px);margin:0 auto;max-width:300px;overflow:hidden;position:relative;width:90%}.window-view{background:url(https://images.unsplash.com/photo-1718703358409-a0e61883c85a?w=1000&h=600) no-repeat 50%/cover;filter:brightness(1);height:100%;width:100%}.curtains{background-color:#004646;border-bottom:2px solid #0000004d;left:0;position:absolute;top:0;transition:height .8s ease-in-out;width:100%;z-index:2}.curtains-percentage{background-color:#000000b3;border-radius:5px;bottom:10px;color:#fff;font-size:clamp(.8em,1.2vw,1em);font-weight:700;left:50%;margin:0;padding:5px 10px;position:absolute;text-align:center;transform:translateX(-50%);white-space:nowrap;z-index:3}.lights-card{border-left:6px solid #27ae60}.lights-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));margin-top:15px}.light-item{align-items:center;background-color:#ecf0f1;border-radius:8px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;padding:8px;transition:background-color .3s ease}.light-icon{font-size:clamp(2em,5vw,3em);margin-bottom:3px;transition:color .3s ease}.light-icon.on:before{color:#fdd835;content:"💡";filter:brightness(1.2);text-shadow:0 0 10px #fdd835,0 0 20px #fdd835,0 0 30px #fdd835}.light-icon.off:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyIDNDOC42OSAzIDYgNS42OSA2IDljMCAyLjIgMS4yIDQuMTQgMyA0LjlWMTZjMCAuNTUuNDUgMSAxIDFoNGMuNTUgMCAxLS40NSAxLTF2LTIuMWMxLjgtLjc2IDMtMi43IDMtNC45IDAtMy4zMS0yLjY5LTYtNi02Wm0tMSAxNnYtMWgydjFjMCAuNTUtLjQ1IDEtMSAxcy0xLS40NS0xLTFaIiBmaWxsPSIjOWU5ZTllIi8+PC9zdmc+);background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;height:1.2em;width:1.2em}.light-item p{color:#34495e;font-size:clamp(.8em,1.2vw,1em);font-weight:500;line-height:1.2;margin:0}.light-status-text{color:#555;font-size:clamp(.75em,1.1vw,.9em);font-weight:400;margin-top:2px}.brightness-text{color:#888;display:block;font-size:clamp(.7em,1vw,.9em);margin-top:3px;text-align:center;width:100%}@media (min-width:769px){.card-grid{gap:30px;grid-template-columns:repeat(3,1fr)}}@media (max-width:500px){.dashboard-container{padding:15px}h1{font-size:1.5em;margin-bottom:20px}.card-grid{gap:15px;grid-template-columns:1fr}.card{padding:15px}.card h2{font-size:1.3em;margin-bottom:10px}.thermostat-dial{border-width:5px;height:90px;width:90px}.thermostat-temp{font-size:1.8em}.window-container{border-width:7px;height:120px}.light-icon{font-size:2em}.light-item p{font-size:.8em}.light-status-text{font-size:.7em}.brightness-text{font-size:.65em}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.56f28a88.css.map*/