@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-card:#ffffffd9;--text-primary:#0f172a;--text-secondary:#64748b;--accent-blue:#0284c7;--accent-green:#059669;--accent-red:#dc2626;--accent-yellow:#d97706;--border-color:#cbd5e1b3}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;width:100%;max-width:100vw;font-family:Inter,sans-serif;line-height:1.5;overflow-x:hidden}.app-container{flex-direction:column;width:100%;max-width:100vw;min-height:100vh;display:flex;overflow-x:hidden}header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}header h1{background:linear-gradient(90deg, var(--accent-blue), #8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:600}.nav-tabs{gap:1rem;display:flex}.nav-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:.5rem;padding:.5rem 1rem;font-size:1rem;font-weight:500;transition:all .2s}.nav-tab:hover{color:var(--text-primary);background-color:#ffffff0d}.nav-tab.active{color:var(--accent-blue);background-color:#3b82f633}main{flex:1;padding:2rem}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px -2px #0000000d}.glass-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000001a}.weather-widget{align-items:center;gap:2rem;margin-bottom:2rem;display:flex}.weather-stat{flex-direction:column;display:flex}.weather-stat span.label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem}.weather-stat span.value{font-size:2rem;font-weight:700}.grid{gap:1.5rem;display:grid}.grid-cols-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.zone-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.zone-header h3{font-size:1.25rem;font-weight:600}.status-badge{text-transform:uppercase;border-radius:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.status-badge.active{color:var(--accent-green);background-color:#10b98133}.status-badge.inactive{color:var(--text-secondary);background-color:#ffffff1a}.status-badge.error{color:var(--accent-red);background-color:#ef444433}.progress-container{background-color:#ffffff1a;border-radius:1rem;width:100%;height:.75rem;margin-top:.5rem;overflow:hidden}.progress-bar{border-radius:1rem;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.control-group{margin-bottom:1.5rem}.control-group label{color:var(--text-secondary);margin-bottom:.5rem;font-weight:500;display:block}input[type=range]{width:100%;accent-color:var(--accent-blue)}.btn{background-color:var(--accent-blue);color:#fff;cursor:pointer;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:background-color .2s}.btn:hover{background-color:#2563eb}.btn-danger{color:var(--accent-red);background-color:#ef444433;border:1px solid #ef444480}.btn-danger:hover{background-color:#ef44444d}.btn-warning{color:var(--accent-yellow);background-color:#f59e0b33;border:1px solid #f59e0b80}.logs-container{max-height:300px;overflow-y:auto}.log-entry{border-bottom:1px solid var(--border-color);padding:.75rem;font-size:.875rem}.log-time{color:var(--text-secondary);margin-right:1rem;font-family:monospace}@media (width<=640px){main{padding:1rem!important}.mobile-header{flex-direction:column;align-items:stretch!important;gap:.75rem!important;padding:.75rem 1rem!important}.mobile-header>div{justify-content:space-between;width:100%}.hide-mobile{display:none!important}.weather-banner{flex-direction:column!important;align-items:flex-start!important;gap:1rem!important}.weather-stats{justify-content:space-around;width:100%}.grid-cols-3{grid-template-columns:1fr!important}table,thead,tbody,th,td,tr{width:100%!important;display:block!important}thead tr{position:absolute;top:-9999px;left:-9999px}tr{border-radius:12px;margin-bottom:1rem;padding:.75rem;border:1px solid var(--border-color)!important;box-sizing:border-box!important;background:#f8fafc!important}td{position:relative;box-sizing:border-box!important;border:none!important;justify-content:space-between!important;align-items:center!important;padding:.5rem 0!important;display:flex!important}form{box-sizing:border-box!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;max-width:100%!important;display:flex!important}form>*{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important}}