:root{--bg:#f2f5f1;--ink:#10231b;--muted:#7d8b84;--green:#28a665;--lime:#72ec9a;--dark:#07120e;--line:#e3e9e4;--card:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,"Noto Sans Thai",sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit}.app{display:flex;min-height:100vh}aside{position:fixed;inset:0 auto 0 0;width:250px;background:#07120e;color:#fff;padding:27px 18px 18px;display:flex;flex-direction:column;z-index:40;overflow:hidden}aside:after{content:"";position:absolute;width:240px;height:240px;background:#1a6745;filter:blur(90px);opacity:.2;bottom:-100px;left:-80px}.logo{display:flex;align-items:center;gap:11px;padding:0 8px 31px;position:relative;z-index:1}.logo>span{width:41px;height:41px;border-radius:13px;background:linear-gradient(145deg,#7bf1a3,#29ad6d);display:grid;place-items:center;box-shadow:0 0 28px #51dd872d}.logo svg{width:27px;fill:none;stroke:#082a1b;stroke-width:2.4;stroke-linecap:round}.logo b{font-size:14px;letter-spacing:.5px}.logo em{font-style:normal;color:var(--lime)}.logo small{display:block;font-size:7px;letter-spacing:2px;color:#748a7f;margin-top:2px}nav{flex:1;position:relative;z-index:1}nav button{width:100%;border:0;background:none;color:#80958b;display:flex;align-items:center;gap:13px;padding:11px 13px;margin:3px 0;border-radius:11px;cursor:pointer;font-size:12px;font-weight:600;transition:.22s}nav button:hover{color:white;background:#10221b}nav button.active{background:linear-gradient(90deg,#153b2a,#0e261c);color:#d8ffe6;box-shadow:inset 3px 0 var(--lime)}nav button>i{font-style:normal;font-size:18px;width:20px;text-align:center;color:#71897d}nav button.active>i{color:var(--lime)}nav button strong{margin-left:auto;background:#1e5d41;color:#a8ecc0;border-radius:99px;font-size:8px;padding:2px 7px}.dot{margin-left:auto;width:6px;height:6px;border-radius:50%;background:#63e58f;box-shadow:0 0 0 4px #1b3a2c}nav label{display:block;font-size:8px;letter-spacing:1.7px;color:#52695e;margin:24px 13px 8px}.health{margin:15px 2px;background:#10231c;border:1px solid #1b352a;border-radius:13px;padding:11px;display:flex;gap:10px;align-items:center;position:relative;z-index:1}.ring{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#10231c 57%,transparent 59%),conic-gradient(var(--lime) 98%,#30483d 0);font-size:8px;font-weight:800}.health p,.profile p{margin:0}.health b,.health small,.profile b,.profile small{display:block}.health b,.profile b{font-size:9px}.health small,.profile small{font-size:7px;color:#6d8378;margin-top:2px}.profile{display:flex;align-items:center;gap:9px;padding:8px 5px;position:relative;z-index:1}.profile>span{width:32px;height:32px;border-radius:9px;background:#d8ffe4;color:#17472f;display:grid;place-items:center;font-weight:800;font-size:10px}.profile>i{font-style:normal;margin-left:auto;color:#6d8278}main{width:calc(100% - 250px);margin-left:250px;padding:0 34px 30px;max-width:1750px}header{height:87px;display:flex;align-items:center;justify-content:space-between}.heading{display:flex;align-items:center;gap:12px}.heading>div>small{font-size:7px;letter-spacing:2px;color:#91a098;font-weight:700}.heading h1{font-size:21px;margin:1px 0 0;line-height:1.2}.heading>button{display:none;width:39px;height:39px;border:1px solid var(--line);background:white;border-radius:10px;padding:10px}.heading>button span{display:block;height:2px;background:#1d3328;margin:4px 0}.header-actions{display:flex;align-items:center;gap:11px}.live{font-size:7px;letter-spacing:1px;font-weight:800;color:#188253;background:#e5f7eb;border-radius:99px;padding:7px 11px}.live i{display:inline-block;width:5px;height:5px;background:#33c779;border-radius:50%;margin-right:5px;box-shadow:0 0 0 4px #35c87a20;animation:blink 1.7s infinite}.bell{width:38px;height:38px;border:1px solid var(--line);background:white;border-radius:10px;position:relative}.bell b{position:absolute;right:-3px;top:-4px;width:15px;height:15px;border-radius:50%;background:#ef6b54;color:white;font-size:7px;display:grid;place-items:center;border:2px solid var(--bg)}.header-actions p{border-left:1px solid #dce3dd;padding-left:13px;margin:0}.header-actions p small,.header-actions p b{display:block}.header-actions p small{font-size:7px;color:#89978f}.header-actions p b{font-size:9px;margin-top:2px}.hero{min-height:275px;background:linear-gradient(112deg,#0a2018,#123d2a 58%,#196943);border-radius:22px;color:white;display:grid;grid-template-columns:53% 47%;overflow:hidden;position:relative;box-shadow:0 18px 48px #0a301f25}.hero-copy{padding:35px 42px;position:relative;z-index:4}.weather{display:inline-block;border:1px solid #86e9a52e;background:#62dc8f12;border-radius:99px;padding:6px 10px;color:#a7eebf;font-size:8px}.hero h2{font-size:26px;line-height:1.4;margin:14px 0 5px;letter-spacing:-.7px}.hero h2 span{color:#8af2ad}.hero-copy>p{font-size:9px;color:#93ad9f;margin:0}.hero-data{display:flex;align-items:center;gap:16px;margin-top:22px}.hero-data>i{height:27px;width:1px;background:#315443}.hero-data b,.hero-data small{display:block}.hero-data b{font-size:16px}.hero-data small{font-size:7px;color:#749383}.scene{position:relative;min-height:275px;overflow:hidden}.sun{position:absolute;width:70px;height:70px;right:20%;top:25px;border-radius:50%;background:#a9f4bd;opacity:.14;box-shadow:0 0 50px #92f0b0}.cloud{position:absolute;width:50px;height:8px;background:#ffffff1e;border-radius:20px;animation:float 8s ease-in-out infinite}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:50%;bottom:0}.cloud:before{width:21px;height:21px;left:8px}.cloud:after{width:27px;height:27px;right:7px}.c1{right:25%;top:65px}.c2{right:3%;top:110px;transform:scale(.6);animation-delay:-4s}.hill{position:absolute;border-radius:50% 50% 0 0}.h1{width:420px;height:180px;background:#19533a;right:-70px;bottom:-95px}.h2{width:400px;height:150px;background:#0d3827;left:-30px;bottom:-85px;transform:rotate(4deg)}.greenhouse{position:absolute;width:200px;height:105px;right:18%;bottom:51px;z-index:3}.greenhouse>div{position:absolute;width:180px;height:82px;left:10px;top:-30px;border:2px solid #90efaf80;border-radius:90px 90px 0 0;background:#84ffac12;clip-path:polygon(50% 0,100% 62%,100% 100%,0 100%,0 62%)}.greenhouse>span{position:absolute;inset:31px 0 0;border:2px solid #90efaf75;display:flex;background:#5bc68010}.greenhouse span i{flex:1;border-right:1px solid #90efaf40}.fields{position:absolute;z-index:4;width:300px;height:95px;right:-15px;bottom:-10px;transform:skewX(-22deg)}.fields i{display:block;height:9px;margin:7px;background:linear-gradient(90deg,#42ad6f,#153e2c);border-radius:50%;opacity:.65}.signal{position:absolute;color:#8df3af;font-size:12px;letter-spacing:-4px;transform:rotate(-90deg);z-index:5;animation:signal 2.3s infinite}.s1{right:31%;top:53px}.s2{left:24%;bottom:101px;transform:rotate(-90deg) scale(.7);animation-delay:-1s}.pin{position:absolute;z-index:6;width:25px;height:25px;border-radius:50%;background:#96f4b5;color:#153d29;display:grid;place-items:center;box-shadow:0 0 0 5px #7defa224;font-size:6px}.pin:after{content:"";position:absolute;width:1px;height:30px;top:25px;background:linear-gradient(#80e9a4,transparent)}.p1{right:17%;bottom:105px}.p2{right:54%;bottom:70px}.scan{position:absolute;width:100%;height:1px;background:linear-gradient(90deg,transparent,#81eca6,transparent);opacity:.3;z-index:7;animation:scan 5s linear infinite}.section-title{display:flex;justify-content:space-between;align-items:center;margin:25px 1px 14px}.section-title h2,.panel h2{font-size:13px;margin:0}.section-title p,.panel-head p{font-size:8px;color:#87958e;margin:3px 0 0}.section-title button{border:1px solid var(--line);background:white;border-radius:9px;padding:7px 10px;color:#76847d;font-size:8px}.section-title button span{margin-left:5px}.section-title button b{color:#30453a}.section-title button.spin{animation:spin .65s linear}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric,.panel{background:white;border:1px solid #d9e2dbbf;border-radius:16px;box-shadow:0 6px 20px #25413409}.metric{padding:17px 18px 14px;min-height:186px;transition:.25s;overflow:hidden;position:relative}.metric:hover{transform:translateY(-3px);box-shadow:0 15px 35px #18372a12}.metric-head{display:flex;justify-content:space-between}.metric-head>span{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:var(--soft);color:var(--accent);font-size:18px}.metric-head em{font-style:normal;font-size:7px;color:var(--accent);background:var(--soft);border-radius:99px;padding:4px 7px;height:21px}.metric>p{font-size:8px;color:#7d8b84;margin:12px 0 0}.metric h3{font-size:26px;margin:0;letter-spacing:-1px}.metric h3 small{font-size:9px;color:#6d7b74}.temp{--soft:#fff0e8;--accent:#ef7c51}.humid{--soft:#e8f3ff;--accent:#4395dc}.soil{--soft:#e8f7ec;--accent:#45a86d}.water{--soft:#e9f6f7;--accent:#43a7ad}.bars{height:34px;display:flex;align-items:end;gap:5px;margin-top:3px}.bars i{flex:1;height:var(--h);background:#f1d4c7;border-radius:3px}.bars i:last-child{background:#ef8c65}.metric footer{display:flex;justify-content:space-between;margin-top:8px;font-size:7px}.metric footer b{color:var(--accent)}.metric footer span{color:#97a29d}.progress,.track{height:7px;border-radius:9px;background:#edf2ef;margin:26px 0 20px;position:relative}.progress i,.track i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#7ac3f1,#3f98dd)}.progress b{position:absolute;right:25%;top:-17px;font-size:7px;color:#4a99d5}.track i{background:linear-gradient(90deg,#77d68f,#35a565)}.track b{position:absolute;top:-3px;width:1px;height:13px;background:#b9c5bf}.waves{height:36px;margin:5px -18px 0;position:relative;overflow:hidden;background:linear-gradient(#fff,#edf9fa)}.waves i{position:absolute;width:180%;height:30px;left:-40%;top:18px;background:#9edce0;border-radius:42%;opacity:.55;animation:wave 5s linear infinite}.waves i:last-child{top:22px;opacity:.3;animation-direction:reverse;animation-duration:7s}.dashboard{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,.8fr);gap:14px;margin-top:14px}.panel{padding:18px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start}.tabs{background:#f2f5f3;border-radius:8px;padding:3px}.tabs button{border:0;background:0;color:#86938c;font-size:7px;padding:5px 9px;border-radius:6px}.tabs button.active{background:white;color:#214431;box-shadow:0 2px 7px #00000012;font-weight:700}.legend{display:flex;align-items:center;gap:13px;margin-top:14px;font-size:7px;color:#78867f}.legend span{display:flex;align-items:center;gap:4px}.legend i{width:6px;height:6px;border-radius:50%}.orange{background:#fa8963}.green{background:#4cbd76}.legend b{margin-left:auto;color:#ef7952}.legend em{font-style:normal;color:#38a664}.chart{position:relative;height:205px;padding:0 5px 18px 27px}.chart svg{width:100%;height:177px;overflow:visible}.grid{fill:none;stroke:#e9eeea;stroke-width:1;stroke-dasharray:4}.area{fill:url(#fade)}.line{fill:none;stroke-width:2.2;vector-effect:non-scaling-stroke}.lgreen{stroke:#4ebc78}.lorange{stroke:#ff8a62}.x{display:flex;justify-content:space-between;font-size:6px;color:#9ca7a1}.y{position:absolute;left:0;top:5px;height:165px;display:flex;flex-direction:column;justify-content:space-between;color:#9ca7a1;font-size:6px}.chart.pulse svg{animation:chart .6s}.more{border:0;background:#f3f6f4;border-radius:7px;color:#839189}.zone-list{margin-top:10px}.zone{width:100%;border:0;border-bottom:1px solid #edf1ee;background:white;display:grid;grid-template-columns:31px 1fr auto 12px;gap:9px;align-items:center;text-align:left;padding:9px 5px;border-radius:8px;cursor:pointer}.zone:hover,.zone.active{background:#f4faf6}.zone>span{width:30px;height:30px;border-radius:9px;background:#e7f6ec;color:#278c57;display:grid;place-items:center;font-size:9px;font-weight:800}.zone p{margin:0}.zone p b,.zone p small{display:block}.zone p b{font-size:8px}.zone p small{font-size:6px;color:#829088}.zone p i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#40bb72}.zone em{font-size:9px;font-style:normal;font-weight:700}.zone strong{font-size:15px;color:#a0aba5}.zone.warn>span{background:#fff3e5;color:#e99537}.zone.warn p small{color:#df9139}.zone.warn p i{background:#e8a040}.selected{margin-top:9px;border-radius:10px;background:#0e2d20;color:white;padding:9px 11px;display:flex;justify-content:space-between;align-items:center}.selected p{margin:0}.selected small,.selected b{display:block}.selected small{font-size:5px;color:#76998a}.selected b{font-size:8px}.selected>span{font-size:6px;color:#8decb0}.selected>span i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#71e99d}.bottom-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:14px;margin-top:14px}.switch input{display:none}.switch span{display:block;width:34px;height:19px;border-radius:20px;background:#d8dfda;position:relative}.switch span:after{content:"";position:absolute;width:13px;height:13px;left:3px;top:3px;background:white;border-radius:50%;transition:.2s;box-shadow:0 1px 3px #777}.switch input:checked+span{background:#32ad69}.switch input:checked+span:after{left:18px}.irrigation-body{display:grid;grid-template-columns:110px 1fr;align-items:center;margin-top:10px}.tank{text-align:center}.tank>div{width:64px;height:75px;margin:auto;background:#eaf8f9;clip-path:polygon(50% 0,90% 43%,100% 62%,95% 80%,80% 95%,50% 100%,20% 95%,5% 80%,0 62%,10% 43%);display:grid;place-items:center;position:relative;overflow:hidden}.tank>div:before{content:"";position:absolute;inset:45% 0 0;background:#80d0d5;animation:water 3s infinite}.tank span{z-index:1;font-size:9px;color:#1e7b82;font-weight:800}.tank small{font-size:6px;color:#7f8d86}.schedule{border-left:1px solid #e8ede9;padding-left:16px}.schedule>div{display:grid;grid-template-columns:34px 7px 1fr 18px;gap:7px;align-items:center;margin:8px 0}.schedule>div>b{font-size:7px}.schedule>div>i{width:5px;height:5px;background:#cdd5d0;border-radius:50%}.schedule p{margin:0}.schedule strong,.schedule small{display:block}.schedule strong{font-size:7px}.schedule small{font-size:6px;color:#929e98}.schedule em{font-size:8px;color:#43ac6e}.schedule .now>i{background:#4fa8c6;box-shadow:0 0 0 4px #e3f4f8}.schedule .now small{color:#3896b5}.schedule .now em{width:14px;height:14px;border:2px solid #dce8e4;border-top-color:#36a76b;border-radius:50%;animation:spin 2s linear infinite}.ai{font-size:6px;color:#695bc2;background:#f0edff;border-radius:99px;padding:5px 8px;font-weight:700}.forecast{display:flex;justify-content:space-between;align-items:center;margin:10px 0}.forecast>div:first-child small,.forecast>div:first-child b,.forecast>div:first-child span{display:block}.forecast>div:first-child small{font-size:6px;color:#86948d}.forecast>div:first-child b{font-size:23px;margin:2px 0}.forecast>div:first-child b em{font-size:7px;font-style:normal;color:#718078}.forecast>div:first-child span{font-size:6px;color:#34a462}.forecast-ring{width:70px;height:70px;border-radius:50%;background:radial-gradient(circle,#fff 57%,transparent 59%),conic-gradient(#74d695 84%,#edf1ee 0);display:grid;place-items:center;position:relative}.forecast-ring b{font-size:12px}.forecast-ring small{position:absolute;top:42px;font-size:5px;color:#87938d}.crops{display:grid;grid-template-columns:1fr 1fr;gap:8px}.crops>div{background:#f6f8f6;border-radius:9px;padding:8px;display:flex;align-items:center;gap:7px}.crops>div>span{width:27px;height:27px;border-radius:8px;background:#e8f4e8;display:grid;place-items:center;font-size:13px}.crops p{margin:0}.crops p b,.crops p small{display:block}.crops p b{font-size:7px}.crops p small{font-size:6px;color:#8a9790}.crops strong{font-size:6px;margin-left:auto}.copyright{display:flex;justify-content:space-between;color:#96a19b;font-size:6px;padding:22px 3px 0;letter-spacing:.4px}.toast{position:fixed;z-index:100;right:24px;bottom:24px;background:#0d2b1f;color:white;border:1px solid #28523f;border-radius:11px;padding:11px 16px;display:flex;align-items:center;gap:9px;font-size:8px;transform:translateY(70px);opacity:0;transition:.3s;box-shadow:0 15px 35px #0003}.toast.show{transform:none;opacity:1}.toast i{width:7px;height:7px;background:#6ceb98;border-radius:50%;box-shadow:0 0 0 4px #6ceb9825}
@keyframes blink{50%{opacity:.3}}@keyframes float{50%{translate:15px}}@keyframes signal{50%{opacity:.3}}@keyframes scan{0%,100%{top:20%}50%{top:85%}}@keyframes wave{to{transform:translateX(30%) rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes water{50%{transform:translateY(3px)}}@keyframes chart{50%{opacity:.45;transform:scaleY(.94)}}
.energy-water{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:14px}.energy-card,.pump-card{border-radius:18px;overflow:hidden;position:relative}.energy-card{background:linear-gradient(135deg,#0b2119,#123d2b 60%,#185c3d);color:white;padding:19px;box-shadow:0 15px 40px #0a301f20}.energy-card:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;background:#47d884;filter:blur(90px);opacity:.12;right:-90px;top:-100px}.energy-top,.pump-head{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:2}.energy-kicker{display:block;font-size:6px;letter-spacing:1.7px;color:#67d891;font-weight:800;margin-bottom:3px}.energy-top h2,.pump-head h2{font-size:13px;margin:0}.energy-top p,.pump-head p{font-size:7px;color:#7f9b8d;margin:3px 0 0}.energy-live{font-size:6px;color:#9cf1b9;border:1px solid #5dd98b32;background:#52da8312;border-radius:99px;padding:6px 9px}.energy-live i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#6eeb9c;margin-right:4px;box-shadow:0 0 0 4px #6eeb9c20;animation:blink 1.6s infinite}.energy-body{display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:center;margin-top:11px;position:relative;z-index:2}.solar-visual{height:120px;position:relative}.solar-sun{position:absolute;width:38px;height:38px;right:8px;top:0;border-radius:50%;background:#ffd96e;box-shadow:0 0 25px #ffd66080;animation:solarGlow 3s ease-in-out infinite}.solar-sun:before,.solar-sun:after,.solar-sun i:before,.solar-sun i:after{content:"";position:absolute;background:#f8d768}.solar-sun:before{width:1px;height:10px;left:19px;top:-14px}.solar-sun:after{width:1px;height:10px;left:19px;bottom:-14px}.solar-sun i:before{width:10px;height:1px;top:19px;left:-14px}.solar-sun i:after{width:10px;height:1px;top:19px;right:-14px}.solar-panel{position:absolute;width:118px;height:67px;left:22px;top:30px;background:linear-gradient(145deg,#306c80,#153e52);border:3px solid #7692a0;transform:skewY(-8deg);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);box-shadow:10px 14px 18px #0005}.solar-panel i{border:1px solid #8db3c033;background:linear-gradient(135deg,#4b8394,#1b4b61)}.solar-base{position:absolute;width:5px;height:28px;background:#879c91;left:83px;top:90px}.solar-base:after{content:"";position:absolute;width:50px;height:4px;background:#667c71;left:-22px;bottom:0;border-radius:5px}.energy-flow{position:absolute;left:142px;top:74px;display:flex;gap:5px}.energy-flow span{width:5px;height:5px;border-radius:50%;background:#6ae696;box-shadow:0 0 8px #68e393;animation:energyMove 1.5s infinite}.energy-flow span:nth-child(2){animation-delay:.3s}.energy-flow span:nth-child(3){animation-delay:.6s}.power-now small,.power-now strong,.power-now span{display:block}.power-now small{font-size:6px;color:#78998a}.power-now strong{font-size:26px;margin:1px 0;letter-spacing:-1px}.power-now strong em{font-size:8px;font-style:normal;color:#82a392}.power-now span{font-size:6px;color:#72e69b}.power-mini{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.power-mini>div{background:#ffffff0a;border:1px solid #ffffff0d;border-radius:8px;padding:7px}.power-mini small,.power-mini b{display:block}.power-mini small{font-size:5px;color:#719081}.power-mini b{font-size:8px;margin-top:2px}.battery-box{background:#ffffff0a;border:1px solid #ffffff12;border-radius:12px;padding:10px 12px;margin-top:10px;position:relative;z-index:2}.battery-title{display:flex;align-items:center;gap:8px}.battery-icon{width:29px;height:29px;border-radius:8px;background:#3dd17a1c;display:grid;place-items:center;position:relative}.battery-icon>div{width:17px;height:10px;border:1px solid #6fe79a;border-radius:2px;padding:2px}.battery-icon>div:after{content:"";position:absolute;width:2px;height:5px;right:4px;top:12px;background:#6fe79a}.battery-icon>div i{display:block;height:100%;width:76%;background:#6fe79a;animation:batteryCharge 2s ease-in-out infinite}.battery-icon>span{position:absolute;font-size:7px;color:#0c3622}.battery-title p{margin:0}.battery-title p b,.battery-title p small{display:block}.battery-title p b{font-size:8px}.battery-title p small{font-size:6px;color:#7d9c8d}.battery-title em{margin-left:auto;font-size:7px;color:#7de9a4;font-style:normal}.battery-level{display:flex;align-items:center;gap:10px;margin-top:8px}.battery-fill{height:5px;background:#29483a;border-radius:8px;flex:1;overflow:hidden}.battery-fill i{display:block;height:100%;background:linear-gradient(90deg,#33bd6c,#83edaa);border-radius:8px;position:relative}.battery-fill i:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#fff7,transparent);animation:chargeSweep 2s infinite}.battery-level>div:last-child{display:flex;gap:8px;align-items:center}.battery-level b{font-size:8px;color:#85eeaa}.battery-level span{font-size:5px;color:#789687}.pump-card{background:white;border:1px solid #d9e2dbbf;padding:19px;box-shadow:0 6px 20px #25413409}.pump-head p{color:#87958e}.pump-toggle{border:0;background:#e8f7ed;color:#29935a;border-radius:99px;padding:6px 9px;display:flex;align-items:center;gap:5px;font-size:6px;font-weight:800;cursor:pointer}.pump-toggle i{width:6px;height:6px;border-radius:50%;background:#3ec276;box-shadow:0 0 0 4px #3ec2761d;animation:blink 1.3s infinite}.pump-toggle:not(.active){background:#eef1ef;color:#87928c}.pump-toggle:not(.active) i{background:#a6afaa;box-shadow:none;animation:none}.pump-main{display:flex;align-items:center;gap:15px;margin:14px 0}.pump-visual{width:95px;height:80px;position:relative}.water-rings{position:absolute;left:6px;top:4px;width:65px;height:65px}.water-rings i{position:absolute;inset:0;border:1px solid #43b9d055;border-radius:50%;animation:waterPulse 2s infinite}.water-rings i:nth-child(2){inset:9px;animation-delay:.35s}.water-rings i:nth-child(3){inset:18px;animation-delay:.7s}.pump-machine{position:absolute;width:43px;height:43px;border-radius:13px;background:linear-gradient(145deg,#43b4c5,#277c91);left:17px;top:15px;color:#dbf8fb;display:grid;place-items:center;box-shadow:0 8px 18px #318da63b}.pump-machine span{animation:spin 5s linear infinite}.pipe{position:absolute;left:58px;top:31px;width:36px;height:15px;border-top:5px solid #6aaab6;border-right:5px solid #6aaab6;border-radius:0 8px 0 0;display:flex;gap:4px;padding-left:8px}.pipe i{width:3px;height:3px;border-radius:50%;background:#4cc6dd;animation:energyMove 1.2s infinite}.pipe i:nth-child(2){animation-delay:.3s}.pipe i:nth-child(3){animation-delay:.6s}.pump-data small,.pump-data strong,.pump-data>span{display:block}.pump-data small{font-size:6px;color:#8a9790}.pump-data strong{font-size:20px;margin:2px 0}.pump-data strong em{font-size:7px;font-style:normal;color:#73827a}.pump-data>span{font-size:6px;color:#3aa26a}.pump-data>span i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#42bf74}.pump-meters{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.pump-meters>div{background:#f5f8f6;border-radius:9px;padding:8px}.pump-meters span,.pump-meters b{display:block}.pump-meters span{font-size:5px;color:#839089}.pump-meters b{font-size:10px;margin:2px 0 6px}.pump-meters b em{font-size:5px;font-style:normal;color:#87948d}.pump-meters>div>i{display:block;height:3px;background:#dfe7e2;border-radius:5px;overflow:hidden}.pump-meters u{display:block;height:100%;background:linear-gradient(90deg,#54c6d2,#3198ac);border-radius:5px;text-decoration:none}.pump-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px;border-top:1px solid #eaf0eb;padding-top:9px}.pump-footer>div{display:flex;align-items:center;gap:7px}.pump-footer p{margin:0}.pump-footer small,.pump-footer b{display:block}.pump-footer small{font-size:5px;color:#84928b}.pump-footer b{font-size:7px}.pulse-dot{width:7px;height:7px;border-radius:50%;background:#44c178;box-shadow:0 0 0 5px #44c17820;animation:blink 1.4s infinite}@keyframes solarGlow{50%{transform:scale(1.08);box-shadow:0 0 40px #ffd660aa}}@keyframes energyMove{0%{opacity:.2;transform:translateX(-4px)}50%{opacity:1}100%{opacity:.2;transform:translateX(4px)}}@keyframes batteryCharge{50%{width:100%}}@keyframes chargeSweep{to{transform:translateX(100%)}}@keyframes waterPulse{0%{transform:scale(.7);opacity:0}50%{opacity:1}100%{transform:scale(1.15);opacity:0}}
.stars{display:none}.energy-card.night{background:linear-gradient(135deg,#080f1e,#10213a 60%,#163454)}.energy-card.night:after{background:#538ac6;opacity:.1}.energy-card.night .energy-kicker{color:#79aee9}.energy-card.night .energy-live{color:#b5cdf0;border-color:#7ca7dc33;background:#6c99d318}.energy-card.night .energy-live>i{background:#91b7e8;box-shadow:0 0 0 4px #91b7e820;animation:none}.energy-card.night .solar-sun{background:#e3e9ef;box-shadow:0 0 25px #b9d2ed75;animation:moonFloat 4s ease-in-out infinite}.energy-card.night .solar-sun:before,.energy-card.night .solar-sun:after,.energy-card.night .solar-sun i:before,.energy-card.night .solar-sun i:after{display:none}.energy-card.night .solar-sun:after{display:block;content:"";width:31px;height:31px;position:absolute;left:-7px;top:-5px;border-radius:50%;background:#10213a}.energy-card.night .stars{display:block;position:absolute;width:80px;left:-75px;top:-15px;color:#b8d6f5;font-size:8px;letter-spacing:8px;white-space:nowrap}.energy-card.night .solar-panel{filter:brightness(.55) saturate(.65)}.energy-card.night .energy-flow span{background:#647d9b;box-shadow:none;animation:none;opacity:.25}.energy-card.night .power-now span{color:#99b9dd}.energy-card.battery-draw .battery-icon>div i{background:#75a8df;animation:none}.energy-card.battery-draw .battery-icon>div,.energy-card.battery-draw .battery-icon>div:after{border-color:#75a8df}.energy-card.battery-draw .battery-icon>div:after{background:#75a8df}.energy-card.battery-draw .battery-title em{color:#9cbce0}.energy-card.battery-draw .battery-fill i:after{display:none}@keyframes moonFloat{50%{transform:translateY(-3px);box-shadow:0 0 35px #b9d2ed99}}
.smart-title{margin-top:24px}.ai-sync{font-size:6px;color:#6c5ec1;background:#eeebff;border:1px solid #ded8ff;border-radius:99px;padding:6px 9px;font-weight:700}.ai-sync i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#7567d0;margin-right:4px;animation:blink 1.7s infinite}.smart-operations{display:grid;grid-template-columns:1.08fr .92fr 1fr;gap:14px}.smart-card{background:#fff;border:1px solid #d9e2dbbf;border-radius:17px;padding:17px;box-shadow:0 6px 20px #25413409;overflow:hidden;position:relative;transition:.25s}.smart-card:hover{transform:translateY(-2px);box-shadow:0 16px 35px #18372a12}.smart-card-head{display:flex;align-items:center;gap:9px}.smart-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:800}.ai-icon{background:#eeeaff;color:#6c5ac5}.device-icon{background:#e7f6fb;color:#3f9eb7;font-size:15px}.task-icon{background:#e9f7ed;color:#37a465}.smart-card-head>div:nth-child(2)>span{display:block;font-size:5px;letter-spacing:1.4px;color:#94a099;font-weight:800}.smart-card-head h3{font-size:11px;margin:2px 0 0}.smart-card-head>em{margin-left:auto;font-size:6px;font-style:normal;border-radius:99px;padding:5px 7px;font-weight:700}.risk-low{background:#e9f7ed;color:#30955d}.online-pill{background:#e8f6ed;color:#2e9860}.online-pill i{display:inline-block;width:4px;height:4px;background:#42bd73;border-radius:50%;margin-right:3px;box-shadow:0 0 0 3px #42bd7320}.task-count{background:#fff1e5;color:#d58135}.ai-score{display:flex;align-items:center;gap:13px;background:linear-gradient(110deg,#f6f4ff,#fafbff);border:1px solid #eeebff;border-radius:12px;padding:10px 12px;margin:12px 0 9px}.score-ring{width:50px;height:50px;border-radius:50%;background:radial-gradient(circle,#fff 58%,transparent 60%),conic-gradient(#7667d2 92%,#e4e1f4 0);display:grid;place-items:center;position:relative}.score-ring strong{font-size:15px;color:#51439e}.score-ring small{position:absolute;top:31px;font-size:5px;color:#9a94bb}.ai-score>div:last-child small,.ai-score>div:last-child b,.ai-score>div:last-child span{display:block}.ai-score>div:last-child small{font-size:5px;color:#908aa8}.ai-score>div:last-child b{font-size:8px;margin:2px 0}.ai-score>div:last-child span{font-size:6px;color:#43a66c}.insight-list{display:grid;gap:6px}.insight{display:flex;align-items:center;gap:8px;border-radius:9px;background:#f7faf8;padding:7px 8px}.insight>i{width:20px;height:20px;border-radius:7px;display:grid;place-items:center;font-size:8px;font-style:normal;font-weight:900}.insight.good>i{background:#dff4e6;color:#2c9c5d}.insight.attention{background:#fff8ef}.insight.attention>i{background:#ffead3;color:#df8b38}.insight p{margin:0}.insight p b,.insight p small{display:block}.insight p b{font-size:7px}.insight p small{font-size:5px;color:#8a9790}.insight>span{margin-left:auto;font-size:5px;color:#da8431;background:#fff0dd;border-radius:99px;padding:3px 5px}.smart-action{width:100%;border:0;background:#17112f;color:#fff;border-radius:9px;padding:8px 10px;margin-top:9px;font-size:7px;font-weight:700;text-align:left;cursor:pointer;transition:.2s}.smart-action:hover{background:#292052}.smart-action span{float:right;color:#a99bea}.smart-action.applied{background:#268b55}.device-hero{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(120deg,#f0fafc,#f8fcfc);border-radius:12px;padding:9px 13px;margin:12px 0 9px}.device-hero>div:first-child strong,.device-hero>div:first-child span{display:block}.device-hero>div:first-child strong{font-size:23px;color:#277e93}.device-hero>div:first-child strong small{font-size:9px;color:#7ca2ac}.device-hero>div:first-child span{font-size:6px;color:#829399}.network-orbit{width:52px;height:52px;border-radius:50%;background:radial-gradient(circle,#fff 56%,transparent 58%),conic-gradient(#48b7c8 98%,#dfecef 0);display:grid;place-items:center;position:relative}.network-orbit span{font-size:9px;font-weight:800;color:#327e8d}.network-orbit i{position:absolute;border:1px solid #4eb2c344;border-radius:50%;animation:networkPing 2.5s infinite}.network-orbit i:nth-child(2){inset:-5px}.network-orbit i:nth-child(3){inset:-10px;animation-delay:.5s}.network-orbit i:nth-child(4){inset:-15px;animation-delay:1s}.network-stats{display:grid;grid-template-columns:1.3fr .8fr .8fr;gap:5px}.network-stats>div{background:#f6f9f8;border-radius:8px;padding:7px}.network-stats span,.network-stats b{display:block}.network-stats span{font-size:5px;color:#87958e}.network-stats b{font-size:6px;margin-top:3px}.network-stats b i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#45bc75}.signal-bars{display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:8px;margin:10px 1px}.signal-bars>span,.signal-bars>b{font-size:5px}.signal-bars>span{color:#87948d}.signal-bars>b{color:#27935c}.signal-bars>div{display:flex;gap:2px;height:11px;align-items:end}.signal-bars i{flex:1;background:#4bb7c6;border-radius:2px;height:35%}.signal-bars i:nth-child(n+3){height:55%}.signal-bars i:nth-child(n+5){height:75%}.signal-bars i:nth-child(n+7){height:100%}.device-foot{border-top:1px solid #ecf0ed;padding-top:8px;display:flex;justify-content:space-between}.device-foot span,.device-foot b{font-size:5px}.device-foot span{color:#89958f}.device-foot span i{display:inline-block;width:4px;height:4px;background:#45bc75;border-radius:50%}.device-foot b{color:#3a9e67}.task-progress{margin:12px 0 8px}.task-progress>div{display:flex;justify-content:space-between}.task-progress span,.task-progress b{font-size:6px}.task-progress span{color:#87948d}.task-progress>i{display:block;height:5px;border-radius:8px;background:#edf1ee;margin-top:5px;overflow:hidden}.task-progress u{display:block;height:100%;background:linear-gradient(90deg,#56c77f,#2da966);border-radius:8px;text-decoration:none;transition:.35s}.task-list{display:grid;gap:4px}.farm-task{display:grid;grid-template-columns:20px 1fr auto;gap:7px;align-items:center;border-radius:8px;padding:6px;cursor:pointer;transition:.2s}.farm-task:hover{background:#f7faf8}.farm-task input{display:none}.farm-task>i{width:18px;height:18px;border:1.5px solid #ccd6d0;border-radius:6px;display:grid;place-items:center;font-style:normal;font-size:7px;color:#fff}.farm-task.done>i,.farm-task:has(input:checked)>i{background:#40b66f;border-color:#40b66f}.farm-task p{margin:0}.farm-task p b,.farm-task p small{display:block}.farm-task p b{font-size:7px}.farm-task p small{font-size:5px;color:#8b9791}.farm-task.done p{opacity:.58}.farm-task>em{font-size:5px;font-style:normal;color:#398f62;background:#e8f6ed;border-radius:99px;padding:3px 5px}.farm-task>em.maintenance{background:#fff0e2;color:#d17d31}@keyframes networkPing{0%{opacity:.7;transform:scale(.8)}100%{opacity:0;transform:scale(1.18)}}
@media(max-width:1200px){.metrics{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:58% 42%}.hero-copy{padding:32px}.dashboard{grid-template-columns:1.5fr 1fr}.bottom-grid,.energy-water{grid-template-columns:1fr}.smart-operations{grid-template-columns:1fr 1fr}.task-card{grid-column:1/-1}}
@media(max-width:980px){aside{transform:translateX(-100%);transition:.3s;box-shadow:20px 0 60px #0004}aside.open{transform:none}main{width:100%;margin-left:0;padding:0 22px 25px}.heading>button{display:block}.header-actions p{display:none}}
@media(max-width:700px){main{padding:0 14px 20px}header{height:74px}.live{display:none}.hero{grid-template-columns:1fr;min-height:430px}.hero-copy{padding:27px 24px 4px}.hero h2{font-size:22px}.scene{min-height:190px}.greenhouse{right:16%;bottom:40px;transform:scale(.82);transform-origin:bottom}.metrics,.dashboard{grid-template-columns:1fr}.chart-card{overflow-x:auto}.chart{min-width:500px}.bottom-grid{grid-template-columns:1fr}.panel{padding:15px}.irrigation-body{grid-template-columns:90px 1fr}.crops{grid-template-columns:1fr}.energy-card,.pump-card{padding:16px}.energy-body{grid-template-columns:125px 1fr;gap:8px}.solar-visual{transform:scale(.78);transform-origin:left center;width:145px}.power-now strong{font-size:21px}.power-mini{gap:4px}.battery-level{align-items:flex-start;flex-direction:column}.battery-fill{width:100%;flex:none}.pump-meters{grid-template-columns:1fr}.smart-title{align-items:flex-start;gap:8px}.ai-sync{max-width:110px;text-align:center}.smart-operations{grid-template-columns:1fr}.task-card{grid-column:auto}.network-stats{grid-template-columns:1.2fr 1fr 1fr}.copyright{flex-direction:column;gap:4px}.toast{left:14px;right:14px;bottom:14px;justify-content:center}}
.live-clock{min-width:126px}.live-clock span{display:block;margin-top:1px;color:#24935b;font-size:8px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.35px}.copyright b{color:#4d675a;font-weight:800}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important}}