/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.grid{display:grid}.table{display:table}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--ink:#17251f;--muted:#6f7e75;--line:#dfe7e1;--green:#087b57;--pale:#eef6f1;--orange:#df8931}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:#f2f5f0;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}button,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{color:#e9f5ef;z-index:10;background:#133d31;flex-direction:column;width:222px;padding:28px 18px 22px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;padding:0 8px 30px;display:flex}.brand-mark{color:#173e31;background:#d3ef63;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.brand strong,.brand small{display:block}.brand strong{font-size:17px}.brand small{letter-spacing:1.6px;text-transform:uppercase;color:#9bb8ac;margin-top:3px;font-size:10px}.sidebar nav{gap:5px;display:grid}.sidebar nav button{color:#a8c0b6;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;padding:11px 12px;font-size:13px;font-weight:600;display:flex}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#235849}.sidebar nav button.active{box-shadow:inset 3px 0 #d3ef63}.sidebar nav button b{color:#173e31;background:#e7a04f;border-radius:10px;margin-left:auto;padding:1px 7px;font-size:10px}.nav-caption{letter-spacing:1.6px;color:#729487;padding:28px 12px 10px;font-size:9px}.sidebar-bottom{margin-top:auto}.power-card{background:#194638;border:1px solid #2f5c4f;border-radius:12px;padding:13px}.power-head{justify-content:space-between;align-items:center;font-size:11px;display:flex}.power-head span{color:#afc8be;align-items:center;gap:6px;display:flex}.power-track{background:#2b584b;border-radius:10px;height:4px;margin:11px 0 8px;overflow:hidden}.power-track i{background:#d3ef63;width:86%;height:100%;display:block}.power-card small{color:#8faf9f;font-size:9px}.farm-profile{border-top:1px solid #295448;align-items:center;gap:9px;margin-top:18px;padding:16px 3px 0;display:flex}.farm-profile>span{color:#173e31;background:#d3ef63;border-radius:8px;place-items:center;width:31px;height:31px;font-size:11px;font-weight:800;display:grid}.farm-profile strong,.farm-profile small{display:block}.farm-profile strong{font-size:11px}.farm-profile small{color:#78998b;margin-top:3px;font-size:9px}.farm-profile button{color:#829e92;background:0 0;border:0;margin-left:auto}.content{width:calc(100% - 222px);max-width:1600px;min-height:100vh;margin-left:222px;padding:27px 32px 18px}header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.eyebrow{letter-spacing:1.7px;color:#8a9990;margin:0 0 5px;font-size:9px;font-weight:700}h1{letter-spacing:-.8px;margin:0;font-size:28px;font-weight:750}.header-actions{align-items:center;gap:10px;display:flex}.live{color:#597168;border:1px solid var(--line);background:#fff;border-radius:9px;align-items:center;gap:7px;padding:9px 12px;font-size:11px;display:flex}.live i{background:#9ba8a1;border-radius:50%;width:7px;height:7px}.live i.pulse{background:#1bb77f;box-shadow:0 0 0 4px #dff6ed}.icon-btn,.export{border:1px solid var(--line);color:#4f6259;background:#fff;border-radius:9px;height:37px}.icon-btn{place-items:center;width:38px;display:grid;position:relative}.icon-btn b{color:#fff;background:#e3883a;border-radius:50%;place-items:center;width:16px;height:16px;font-size:9px;display:grid;position:absolute;top:-5px;right:-4px}.export{color:#fff;background:#163f33;border-color:#163f33;align-items:center;gap:8px;padding:0 15px;font-size:11px;font-weight:650;display:flex}.gateway-strip{color:#fff;background:linear-gradient(105deg,#194a3b,#10382d);border-radius:14px;grid-template-columns:1.4fr 3fr auto;align-items:center;margin-bottom:17px;padding:15px 18px;display:grid;box-shadow:0 8px 22px #0d3b2c21}.gateway-name{align-items:center;gap:11px;display:flex}.gateway-name>span{color:#174434;background:#d3ef63;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.gateway-name strong,.gateway-name small{display:block}.gateway-name strong{font-size:13px}.gateway-name small{color:#95b7a9;margin-top:4px;font-size:9px}.gateway-stats{border-left:1px solid #356255;grid-template-columns:repeat(4,1fr);display:grid}.gateway-stats>div{padding-left:23px}.gateway-stats span,.gateway-stats strong{display:block}.gateway-stats span{letter-spacing:.8px;text-transform:uppercase;color:#83a89a;font-size:8px}.gateway-stats strong{margin-top:5px;font-size:11px}.live-toggle{background:#57756a;border:0;border-radius:14px;width:38px;height:21px;margin-left:18px;padding:3px}.live-toggle i{background:#fff;border-radius:50%;width:15px;height:15px;transition:all .2s;display:block}.live-toggle.on{background:#d3ef63}.live-toggle.on i{background:#174434;transform:translate(17px)}.section-banner{color:#1e6c51;background:#e3f1e9;border:1px solid #cde3d6;border-radius:13px;align-items:center;gap:14px;margin-bottom:17px;padding:17px 20px;display:flex}.section-banner strong{font-size:14px}.section-banner p{color:#607a6d;margin:3px 0 0;font-size:11px}.section-banner button{color:#246b52;background:#fff;border:1px solid #b4d3c2;border-radius:8px;margin-left:auto;padding:8px 12px;font-size:10px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.metric,.panel{border:1px solid var(--line);background:#fff;border-radius:13px;box-shadow:0 2px 7px #17302506}.metric{padding:15px 16px 13px;position:relative;overflow:hidden}.metric-top{justify-content:space-between;align-items:center;display:flex}.metric-icon{border-radius:8px;place-items:center;width:30px;height:30px;font-size:15px;font-style:normal;font-weight:800;display:grid}.metric-icon.water{color:#15936d;background:#e0f4ed}.metric-icon.temp{color:#dd8131;background:#fff0df}.metric-icon.humid{color:#3d83c8;background:#e7f1fc}.metric-icon.volume{color:#738338;background:#eef2de}.metric em{color:#18865f;background:#e8f6f0;border-radius:10px;padding:4px 7px;font-size:9px;font-style:normal}.metric em.neutral{color:#86744c;background:#f6f2e7}.metric em.blue{color:#3778b8;background:#edf4fb}.metric>p{color:#7a897f;margin:13px 0 4px;font-size:10px}.metric h2{margin:0;font-size:25px}.metric h2 span{color:#87958d;margin-left:3px;font-size:12px}.metric .mini-chart{width:100%;height:39px;margin:1px 0 2px}.metric small{color:#96a199;font-size:8px}.water-use{padding-right:82px}.progress-ring{background:conic-gradient(#899d45 0 68%,#e8ece0 68%);border-radius:50%;place-items:center;width:58px;height:58px;display:grid;position:absolute;bottom:21px;right:15px}.progress-ring:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:6px}.progress-ring span{color:#566331;font-size:11px;font-weight:750;position:relative}.water-use>small{white-space:nowrap;margin-top:46px;display:block}.dashboard-grid{grid-template-columns:minmax(0,1.75fr) minmax(250px,.75fr);gap:13px;margin-top:13px;display:grid}.panel-title{justify-content:space-between;align-items:center;padding:17px 18px 12px;display:flex}.panel-title h3{margin:0;font-size:13px}.panel-title p{color:#8c9991;margin:4px 0 0;font-size:9px}.panel-title button,.panel-title select{color:#246b51;border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 9px;font-size:9px}.zone-list{padding:0 9px 9px}.zone-row{text-align:left;width:100%;color:var(--ink);background:#fff;border:0;border-top:1px solid #edf1ee;border-radius:7px;grid-template-columns:38px 1.6fr repeat(3,.7fr) .85fr .7fr 16px;align-items:center;gap:10px;padding:10px 8px;transition:all .15s;display:grid}.zone-row:hover,.zone-row.selected{background:#f2f8f4}.zone-row.selected{box-shadow:inset 3px 0 #21a57a}.crop-thumb{background:linear-gradient(145deg,#98b86c,#4c763c);border-radius:7px;width:36px;height:31px;display:block;position:relative;overflow:hidden}.crop-thumb:before,.crop-thumb:after,.crop-thumb i{content:"";background:#dbe961;border-radius:50% 50% 45% 55%;position:absolute;transform:rotate(-30deg)}.crop-thumb:before{width:15px;height:8px;top:8px;left:6px}.crop-thumb:after{width:13px;height:7px;top:16px;left:17px}.crop-thumb i{width:11px;height:6px;top:21px;left:8px}.crop-2{background:linear-gradient(145deg,#e0a43b,#6f8e3d)}.crop-3{background:linear-gradient(145deg,#9acb70,#2b7757)}.crop-4{background:linear-gradient(145deg,#d8ac61,#7d543d)}.zone-name strong,.zone-name small,.reading small,.reading strong{display:block}.zone-name strong{font-size:11px}.zone-name small{color:#8b9991;margin-top:4px;font-size:8px}.reading small{color:#97a39c;letter-spacing:.5px;font-size:7px}.reading strong{margin-top:3px;font-size:11px}.reading strong.low{color:#db7b2d}.status{color:#3d7561;align-items:center;gap:5px;font-size:8px;display:flex}.status i{background:#28aa7b;border-radius:50%;width:6px;height:6px}.status.dry{color:#c56d2b}.status.dry i{background:#e38c3f}.status.monitoring i{background:#dbba43}.valve{color:#8d9991;text-align:center;background:#f1f4f2;border-radius:8px;padding:5px 7px;font-size:8px}.valve.running{color:#16815f;background:#e0f3ec}.chevron{color:#92a098;font-size:18px}.control-panel{overflow:hidden}.control-hero{color:#fff;background:linear-gradient(130deg,#1b4d3e,#0e372c);justify-content:space-between;align-items:center;padding:18px;display:flex}.control-hero p{letter-spacing:1px;color:#8db3a4;margin:0 0 5px;font-size:8px}.control-hero h3{margin:0;font-size:16px}.control-hero span{color:#9fb8ae;font-size:9px}.gauge{background:conic-gradient(#d3ef63 0 64%,#315e50 64%);border-radius:50%;place-items:center;width:72px;height:72px;display:grid;position:relative}.gauge:before{content:"";background:#174638;border-radius:50%;position:absolute;inset:7px}.gauge.flowing{background:conic-gradient(#d3ef63 0 82%,#315e50 82%)}.gauge div{text-align:center;position:relative}.gauge strong,.gauge small{display:block}.gauge strong{font-size:19px}.gauge small{color:#91b2a5;font-size:7px}.threshold{color:#79887f;padding:17px 18px 11px;font-size:9px}.threshold>strong{float:right;color:#3f5148}.threshold-line{background:#e6ece8;border-radius:4px;height:5px;margin:10px 0 6px;position:relative}.threshold-line i{background:#22aa7d;border-radius:4px;height:100%;position:absolute}.threshold-line b{background:#d27b30;width:2px;height:11px;position:absolute;top:-3px}.irrigate-btn{color:#fff;background:#16865f;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;width:calc(100% - 36px);margin:4px 18px 12px;padding:11px;font-size:11px;font-weight:700;display:flex}.irrigate-btn.stop{background:#d87932}.control-foot{color:#829087;border-top:1px solid #edf0ee;justify-content:space-between;padding:11px 18px;font-size:8px;display:flex}.control-foot span{align-items:center;gap:5px;display:flex}.control-foot i{background:#a4afa9;border-radius:50%;width:6px;height:6px}.control-foot i.blink{background:#29b581;box-shadow:0 0 0 3px #dff5ed}.lower-grid{grid-template-columns:1.55fr 1fr;gap:13px;margin-top:13px;display:grid}.chart-panel{min-height:193px}.large-chart{background:repeating-linear-gradient(#fff 0 24px,#edf1ee 25px);border-bottom:1px solid #e4ebe6;height:103px;margin:0 18px;position:relative}.large-chart .mini-chart{width:calc(100% - 24px);height:78px;position:absolute;inset:6px 0 14px 24px}.y-labels{color:#a0aaa4;flex-direction:column;justify-content:space-between;font-size:7px;display:flex;position:absolute;top:0;bottom:12px;left:0}.x-labels{color:#9ca7a0;justify-content:space-between;font-size:7px;display:flex;position:absolute;bottom:-15px;left:24px;right:0}.legend{color:#7c8981;align-items:center;gap:17px;padding:22px 18px 13px;font-size:8px;display:flex}.legend span{align-items:center;gap:5px;display:flex}.legend i{border-radius:50%;width:6px;height:6px}.green-dot{background:#18a779}.orange-dot{background:#e59038}.legend strong{color:#44745f;margin-left:auto}.activity-panel{padding-bottom:5px}.activity{border-top:1px solid #edf0ee;grid-template-columns:30px 1fr auto;align-items:start;gap:9px;margin:0 15px;padding:10px 2px;display:grid}.activity>span{border-radius:7px;place-items:center;width:27px;height:27px;display:grid}.activity>span.orange{color:#db7f2e;background:#fff0df}.activity>span.green{color:#18845f;background:#e2f4ed}.activity>span.blue{color:#3d7fbe;background:#e7f1fb}.activity strong{font-size:9px}.activity p{color:#8b9790;margin:3px 0;font-size:8px;line-height:1.35}.activity>small{color:#9ea7a2;white-space:nowrap;font-size:7px}footer{color:#8c9991;justify-content:space-between;padding:14px 2px 0;font-size:8px;display:flex}.drawer-backdrop{z-index:30;background:#0d231b57;justify-content:flex-end;display:flex;position:fixed;inset:0}.alert-drawer{background:#f7f9f6;width:min(390px,92vw);height:100%;padding:25px;animation:.2s ease-out slide;box-shadow:-18px 0 40px #0a281d26}.drawer-head{justify-content:space-between;align-items:flex-start;display:flex}.drawer-head p{letter-spacing:1.5px;color:#7f9086;margin:0 0 5px;font-size:8px}.drawer-head h2{margin:0;font-size:22px}.drawer-head button{border:1px solid var(--line);background:#fff;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.alert-count{color:#fff;background:#183f33;border-radius:12px;align-items:center;gap:11px;margin:22px 0 12px;padding:15px 17px;display:flex}.alert-count strong{color:#d3ef63;font-size:23px}.alert-count span{font-size:10px}.drawer-alert{border:1px solid var(--line);background:#fff;border-radius:11px;grid-template-columns:38px 1fr;gap:11px;margin-top:9px;padding:13px;display:grid}.drawer-alert>span{border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.drawer-alert>span.orange{color:#d77a2e;background:#fff0df}.drawer-alert>span.green{color:#16825e;background:#e3f4ed}.drawer-alert>span.blue{color:#377cbc;background:#e7f0fb}.drawer-alert>div>div{justify-content:space-between;display:flex}.drawer-alert strong{font-size:10px}.drawer-alert small{color:#9ba59f;font-size:7px}.drawer-alert p{color:#77877e;margin:5px 0;font-size:9px;line-height:1.5}.drawer-alert button{color:#147954;background:#e5f3ec;border:0;border-radius:6px;padding:6px 8px;font-size:8px}.mark-read{color:#1b6d51;background:#fff;border:1px solid #cddbd3;border-radius:9px;width:100%;margin-top:13px;padding:10px;font-size:10px}.toast{z-index:50;color:#fff;background:#183f33;border-radius:10px;align-items:center;gap:8px;padding:12px 16px;font-size:11px;animation:.2s rise;display:flex;position:fixed;bottom:22px;right:24px;box-shadow:0 9px 25px #0a271d33}.toast span{color:#183f33;background:#d3ef63;border-radius:50%;place-items:center;width:20px;height:20px;font-weight:800;display:grid}@keyframes slide{0%{transform:translate(100%)}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}@media (width<=1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.lower-grid{grid-template-columns:1fr}.gateway-stats>div:nth-child(3){display:none}.gateway-stats{grid-template-columns:repeat(3,1fr)}}@media (width<=760px){.sidebar{flex-direction:row;align-items:center;width:100%;height:64px;padding:9px 14px;bottom:auto}.brand{margin-right:auto;padding:0}.brand small,.sidebar .nav-caption,.sidebar-bottom{display:none}.sidebar nav{display:flex}.sidebar nav button{padding:10px}.sidebar nav button span,.sidebar nav button b{display:none}.content{width:100%;margin-left:0;padding:84px 14px 16px}header{align-items:flex-start}.export span,.live{display:none}.gateway-strip{grid-template-columns:1fr auto}.gateway-stats{display:none}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.lower-grid{grid-template-columns:1fr}.zone-row{grid-template-columns:36px 1.6fr .7fr .75fr 14px}.desktop-reading,.valve{display:none}.water-use{padding-right:72px}.control-panel{min-height:250px}}@media (width<=460px){h1{font-size:24px}.metric-grid{gap:9px}.metric{padding:13px 12px}.metric h2{font-size:21px}.metric .mini-chart{height:30px}.metric small{display:none}.water-use{padding-right:12px}.progress-ring{width:45px;height:45px;bottom:11px;right:10px}.zone-row{grid-template-columns:32px 1.5fr .7fr 13px;gap:7px}.zone-row .status{display:none}.content{padding-left:10px;padding-right:10px}.legend strong{display:none}}