:root{color:#f5f7f5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#08100d;font-family:Inter,ui-sans-serif,system-ui}*{box-sizing:border-box}body{background:radial-gradient(circle at 70% 0,#0d211b 0,#08100d 35%);margin:0}button{font:inherit}main{max-width:1220px;margin:auto;padding:26px 22px 70px}header{justify-content:space-between;align-items:flex-start;gap:18px;margin:8px 0 24px;display:flex}.eyebrow{letter-spacing:.18em;color:#68dca0;margin:0 0 6px;font-size:12px}h1{margin:0;font-size:34px}h2{color:#c3cec8;margin:0 0 14px;font-size:15px}.status{color:#63e99a;background:#10291d;border-radius:999px;padding:9px 12px;font-size:12px}.status.bad{color:#ff9a9a;background:#2b1515}.metrics{grid-template-columns:repeat(7,1fr);gap:10px;display:grid}.metric,.device,.panel,.empty,.plants article,.navcards button,.preview{background:#121a16;border:1px solid #24312a;border-radius:15px}.metric{flex-direction:column;justify-content:space-between;min-height:96px;padding:14px;display:flex}.metric span,.device span{color:#8f9d95;font-size:11px}.metric b{font-size:24px}.metric small{color:#aab4ae;font-size:11px;font-weight:500}.navcards{grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0;display:grid}.navcards button{text-align:left;color:inherit;cursor:pointer;padding:18px;position:relative}.navcards span{font-size:18px;font-weight:750;display:block}.navcards b{color:#69e49a;margin:14px 0 3px;font-size:13px;display:block}.navcards small{color:#8e9b94}.navcards strong{color:#7e8d85;font-size:28px;position:absolute;top:15px;right:17px}.preview,.panel{margin-top:14px;padding:18px}.devices{gap:8px;display:grid}.device{justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.device div{flex-direction:column;gap:3px;display:flex}.device strong{color:#707873;font-size:12px}.device strong.on{color:#62e798}.back{color:#77dba1;cursor:pointer;background:0 0;border:0;margin:0 0 16px;padding:0}.timeline{overflow-x:auto}.hours{color:#75847c;justify-content:space-between;min-width:680px;margin-left:155px;font-size:10px;display:flex}.tlrow{grid-template-columns:145px minmax(680px,1fr);align-items:center;gap:10px;margin:7px 0;display:grid}.tlrow label{color:#c4cec9;white-space:nowrap;font-size:11px}.track{background:repeating-linear-gradient(90deg,#17211c 0 calc(4.166% - 1px),#29362f 4.166%);border:1px solid #26342d;border-radius:6px;height:22px;position:relative}.track em{color:#46534c;font-size:9px;font-style:normal;position:absolute;top:4px;left:10px}.track .now{z-index:2;border-radius:4px;width:8px;height:14px;position:absolute;top:3px;right:3px;box-shadow:0 0 10px}.hint{color:#65736c;margin:10px 0 0 155px;font-size:10px}.empty{color:#96a49c;margin-top:12px;padding:24px}.empty b{color:#eef3f0}.plants{grid-template-columns:1fr 1fr;gap:12px;display:grid}.plants article{flex-direction:column;gap:7px;padding:22px;display:flex}.plants article span{color:#74dfa0}.plants article small{color:#89968f}footer{text-align:center;color:#68756e;margin-top:28px;font-size:10px}@media (width<=900px){main{padding:18px 12px 60px}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid;overflow:visible}.metric{min-width:0;min-height:82px;padding:10px}.metric span{font-size:10px}.metric b{font-size:20px}.metric small{font-size:9px}.navcards{grid-template-columns:1fr 1fr}.preview{padding:14px}.plants{grid-template-columns:1fr}.hours{margin-left:120px}.tlrow{grid-template-columns:110px 680px}.hint{margin-left:120px}h1{font-size:29px}}@media (width<=480px){main{padding-left:9px;padding-right:9px}.metrics{gap:5px}.metric{border-radius:12px;min-width:0;min-height:78px;padding:9px 7px}.metric span{font-size:9px}.metric b{white-space:nowrap;font-size:18px}.metric small{font-size:8px}.navcards button{min-height:128px;padding:15px}.navcards span{font-size:16px}.navcards small{font-size:11px}}.deviceSummary{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.deviceSummary div{background:#0e1713;border:1px solid #223029;border-radius:12px;justify-content:space-between;gap:8px;padding:12px;display:flex}.deviceSummary span{color:#7f8e86;font-size:10px}.deviceSummary b{color:#dfe8e3;font-size:12px}.devicegrid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.devcard{background:#111915;border:1px solid #25332b;border-radius:15px;min-height:125px;padding:14px;position:relative;overflow:hidden}.devcard.active{border-color:#365c48;box-shadow:inset 0 0 0 1px #173523}.devtop{align-items:center;gap:6px;display:flex}.devtop small{color:#74837b;flex:1;font-size:9px}.devtop b{color:#66736c;font-size:10px}.devtop b.on{color:#62e798}.dot{background:#56635c;border-radius:50%;width:6px;height:6px}.active .dot{background:#62e798;box-shadow:0 0 8px #62e798}.devcard h3{margin:15px 0 9px;font-size:14px}.devcard p{color:#7f8d85;margin:8px 0 0;font-size:10px}.spectrum{color:#9aa79f;background:#0b100e;border:1px solid #27322d;border-radius:999px;align-items:center;gap:6px;padding:4px 7px;font-size:9px;display:inline-flex}.spectrum i{border-radius:5px;width:22px;height:4px}.sp-O2 i{background:linear-gradient(90deg,#1748ff,#4ea2ff)}.sp-O3 i,.sp-O7 i{background:linear-gradient(90deg,#ff352d,#ff746d)}.sp-O4 i{background:linear-gradient(90deg,#6d31ff,#b763ff)}.sp-O6 i{background:linear-gradient(90deg,#496cff,#9d57ff,#ff5b76)}@media (width<=700px){.devicegrid{grid-template-columns:repeat(2,minmax(0,1fr))}.deviceSummary{grid-template-columns:1fr}.devcard{min-height:118px;padding:12px}.devcard h3{font-size:13px}}.devname{align-items:center;gap:9px;margin:13px 0 8px;display:flex}.devname h3{margin:0}.ico{color:#91a098;background:#0a100d;border:1px solid #2a3730;border-radius:9px;flex:0 0 27px;place-items:center;width:27px;height:27px;font-size:15px;display:grid}.ico-main,.ico-O2,.ico-O3,.ico-O4,.ico-O6,.ico-O7{font-size:0;position:relative}.ico-main:before,.ico-O2:before,.ico-O3:before,.ico-O4:before,.ico-O6:before,.ico-O7:before{content:"◉";font-size:18px}.ico-main:before{color:#ffd45b}.ico-O2:before{color:#4a8fff}.ico-O3:before,.ico-O7:before{color:#ff5a50}.ico-O4:before{color:#a761ff}.ico-O6:before{background:linear-gradient(90deg,#5a82ff,#a95cff,#ff6578);color:#0000;-webkit-background-clip:text;background-clip:text}.ico-O5{color:#ff9b55}.ico-O8{color:#8dd7c1;font-size:19px}.ico-O9{color:#41cce8}.ico-O10{color:#77dca0;font-size:18px}.ico{border-radius:11px;flex-basis:38px;width:38px;height:38px;font-size:20px}.ico-main:before,.ico-O2:before,.ico-O3:before,.ico-O4:before,.ico-O6:before,.ico-O7:before{font-size:27px}.ico-O8,.ico-O10{font-size:25px}.ico-O5,.ico-O9{font-size:22px}.spectrum{gap:8px;padding:5px 9px;font-size:10px}.spectrum i{width:36px;height:7px}.devname{gap:11px}.stateDot{background:#68716d;border:2px solid #87908c;border-radius:50%;flex:0 0 14px;width:14px;height:14px;box-shadow:0 0 0 3px #1b211e}.stateDot.on{background:#55e88e;border-color:#72f2a3;box-shadow:0 0 0 3px #173323,0 0 12px #42db7c}.socket{white-space:nowrap;background:#1a211d;border:1px solid #344039;border-radius:999px;align-items:center;padding:4px 8px;color:#b6c0ba!important;flex:0!important;font-size:9px!important;display:inline-flex!important}.devtop b{margin-left:auto}