.brand-lockup{display:flex;align-items:center;gap:.65rem}.brand-lockup img{display:block;width:2.75rem;height:2.75rem;object-fit:contain}.brand-wordmark{display:block;width:min(15rem,100%);height:auto;margin-bottom:1.25rem}.brand-lockup strong{margin-right:.1rem}@media(max-width:40rem){.brand-lockup .badge{display:none}}:root{color-scheme:light;--navy-50: #eff4f8;--navy-100: #dce6ee;--navy-200: #b7ccdc;--navy-300: #8caec6;--navy-400: #5d87a3;--navy-500: #3c6683;--navy-600: #294d66;--navy-700: #1b384d;--navy-800: #10283a;--navy-900: #081b28;--green-50: #eaf7ef;--green-100: #d3eedd;--green-200: #a8ddbb;--green-300: #7bc796;--green-400: #4fae73;--green-500: #2f8f57;--green-600: #227a47;--green-700: #1b5e38;--green-800: #144a2c;--green-900: #0d3320;--gray-50: #f7f9fa;--gray-100: #eef2f4;--gray-200: #dee5e9;--gray-300: #c3ced4;--gray-400: #98a7af;--gray-500: #71828c;--gray-600: #54636c;--gray-700: #3e4a52;--gray-800: #29323a;--gray-900: #171e24;--status-good: #0ca30c;--status-warning: #fab219;--status-serious: #ec835a;--status-critical: #d03b3b;--purple-50: #f4effc;--purple-100: #e6dbf8;--purple-500: #7c4fd6;--purple-700: #5b32ad;--param-temp-fg: #eb6834;--param-ph-fg: #2a78d6;--param-light-fg: #eda100;--param-nitrate-fg: #1baf7a;--param-phosphate-fg: #e87ba4;--param-potassium-fg: #4a3aa7;--color-bg: var(--green-50);--color-bg-gradient: linear-gradient( 180deg, #f2fbf5 0%, #e6f5ea 55%, #dcefe2 100% );--color-surface: #ffffff;--color-surface-sunken: var(--gray-100);--color-border: var(--gray-200);--color-text-primary: var(--navy-900);--color-text-secondary: var(--gray-600);--color-text-muted: var(--gray-500);--color-primary: var(--green-700);--color-primary-hover: var(--green-800);--color-primary-contrast: #ffffff;--color-accent: var(--navy-700);--color-header-bg: var(--green-800);--color-header-text: #ffffff;--color-simulated-bg: var(--purple-50);--color-simulated-text: var(--purple-700);--color-nav-active-bg: var(--green-50);--radius: 1.125rem;--radius-lg: 1.25rem;--radius-sm: .4rem;--shadow-card: 0 1px 2px rgba(16, 40, 26, .04), 0 8px 24px rgba(16, 40, 26, .08);font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--color-text-primary);background:var(--color-bg-gradient)}@media(prefers-color-scheme:dark){:root:where(:not([data-theme=light])){color-scheme:dark;--color-bg: #0b1611;--color-bg-gradient: linear-gradient(180deg, #0b140f 0%, #0e1a13 100%);--color-surface: #13201a;--color-surface-sunken: #182920;--color-border: rgba(255, 255, 255, .1);--color-text-primary: #ffffff;--color-text-secondary: var(--gray-300);--color-text-muted: var(--gray-400);--color-primary: var(--green-300);--color-primary-hover: var(--green-400);--color-primary-contrast: var(--green-900);--color-accent: var(--navy-300);--color-header-bg: #081209;--color-header-text: #ffffff;--color-simulated-bg: rgba(124, 79, 214, .18);--color-simulated-text: #c6aef2;--color-nav-active-bg: rgba(123, 199, 150, .14);--param-temp-fg: #d95926;--param-ph-fg: #3987e5;--param-light-fg: #c98500;--param-nitrate-fg: #199e70;--param-phosphate-fg: #d55181;--param-potassium-fg: #9085e9}}:root[data-theme=dark]{color-scheme:dark;--color-bg: #0b1611;--color-bg-gradient: linear-gradient(180deg, #0b140f 0%, #0e1a13 100%);--color-surface: #13201a;--color-surface-sunken: #182920;--color-border: rgba(255, 255, 255, .1);--color-text-primary: #ffffff;--color-text-secondary: var(--gray-300);--color-text-muted: var(--gray-400);--color-primary: var(--green-300);--color-primary-hover: var(--green-400);--color-primary-contrast: var(--green-900);--color-accent: var(--navy-300);--color-header-bg: #081209;--color-header-text: #ffffff;--color-simulated-bg: rgba(124, 79, 214, .18);--color-simulated-text: #c6aef2;--color-nav-active-bg: rgba(123, 199, 150, .14);--param-temp-fg: #d95926;--param-ph-fg: #3987e5;--param-light-fg: #c98500;--param-nitrate-fg: #199e70;--param-phosphate-fg: #d55181;--param-potassium-fg: #9085e9}*{box-sizing:border-box}body{margin:0;background:var(--color-bg-gradient)}button,input,select{font:inherit}button,.button-link{cursor:pointer;border:0;border-radius:var(--radius-sm);padding:.65rem .9rem;background:var(--color-primary);color:var(--color-primary-contrast);text-decoration:none;font-weight:600;transition:background-color .15s ease}button:not(:disabled):hover,.button-link:hover{background:var(--color-primary-hover)}button:disabled{cursor:not-allowed;opacity:.55}.button-danger{background:var(--status-critical)}.button-danger:not(:disabled):hover{background:color-mix(in srgb,var(--status-critical) 85%,black)}.item-actions{display:flex;gap:.5rem;margin-top:.6rem}.alert-banner{background:color-mix(in srgb,var(--status-critical) 12%,var(--color-surface));color:var(--status-critical);border:1px solid color-mix(in srgb,var(--status-critical) 35%,transparent);border-radius:var(--radius);padding:.9rem 1rem;margin-bottom:1.5rem}.alert-banner strong{color:var(--color-text-primary)}.alert-banner ul{margin:.4rem 0 0;padding-left:1.1rem}.shell{min-height:100vh;display:grid;grid-template:1fr / 16rem minmax(0,1fr)}.shell-main{display:flex;flex-direction:column;min-height:100vh;min-width:0}header{display:flex;justify-content:flex-end;gap:1rem;align-items:center;padding:.9rem 1.5rem;border-bottom:1px solid var(--color-border)}header strong{font-size:1.25rem;margin-right:.75rem}.header-actions{display:flex;align-items:center;gap:.7rem}.header-actions select{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.45rem .6rem}.header-actions select:disabled{opacity:.6}.badge,.notice{display:inline-block;background:color-mix(in srgb,var(--status-warning) 22%,var(--color-surface));color:color-mix(in srgb,var(--status-warning) 55%,black);padding:.3rem .55rem;border-radius:var(--radius-sm)}.badge-simulated{display:inline-flex;align-items:center;gap:.35rem;background:var(--color-simulated-bg);color:var(--color-simulated-text);padding:.3rem .65rem;border-radius:999px;font-size:.8rem;font-weight:600}.status-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .65rem;border-radius:999px;font-size:.8rem;font-weight:600}.status-pill:before{content:"";width:.45rem;height:.45rem;border-radius:999px;background:currentColor}.status-pill--good{background:color-mix(in srgb,var(--status-good) 16%,var(--color-surface));color:var(--status-good)}.status-pill--warning{background:color-mix(in srgb,var(--status-warning) 16%,var(--color-surface));color:color-mix(in srgb,var(--status-warning) 65%,black)}.status-pill--serious{background:color-mix(in srgb,var(--status-serious) 16%,var(--color-surface));color:var(--status-serious)}.status-pill--critical{background:color-mix(in srgb,var(--status-critical) 16%,var(--color-surface));color:var(--status-critical)}.icon-circle{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;flex-shrink:0;background:color-mix(in srgb,currentColor 18%,var(--color-surface))}.icon-circle--temp{color:var(--param-temp-fg)}.icon-circle--ph{color:var(--param-ph-fg)}.icon-circle--light{color:var(--param-light-fg)}.icon-circle--nitrate{color:var(--param-nitrate-fg)}.icon-circle--phosphate{color:var(--param-phosphate-fg)}.icon-circle--potassium{color:var(--param-potassium-fg)}.icon-circle--device{color:var(--color-primary)}.connection{text-transform:capitalize;font-size:.85rem}.connection.connected{color:var(--green-300)}.connection.recovering,.connection.connecting{color:var(--status-warning)}.connection.disconnected{color:var(--status-critical)}aside{padding:1.25rem 1rem;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;gap:1.5rem}nav{display:grid;gap:.35rem}nav a{display:flex;align-items:center;gap:.6rem;color:var(--color-text-primary);padding:.65rem .75rem;border-radius:var(--radius-sm);text-decoration:none;font-weight:500}nav a svg{width:1.15rem;height:1.15rem;flex-shrink:0}nav a.active{background:var(--color-nav-active-bg);color:var(--color-primary);font-weight:700;border-left:3px solid var(--color-primary);margin-left:-3px;outline:none}nav a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}main{flex:1;padding:clamp(1rem,4vw,3rem);overflow:auto}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.page-heading h1{margin:0 0 .5rem}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:1rem}.metric,.panel,.list>article,.list>button{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);box-shadow:var(--shadow-card);padding:1.1rem}.list span:not(.icon-circle){display:block;color:var(--color-text-secondary);font-size:.85rem}.metric{display:flex;flex-direction:column;gap:.6rem;transition:transform .15s ease,box-shadow .15s ease}.metric:hover{box-shadow:0 2px 4px #10281a0f,0 12px 28px #10281a1a}.metric-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;width:100%}.metric-label{display:block;color:var(--color-text-secondary);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.metric strong{display:block;font-size:1.6rem;font-weight:700;line-height:1.15}.metric strong small{font-size:1rem;font-weight:500;color:var(--color-text-secondary);margin-left:.2rem}.metric--simulated{border-color:color-mix(in srgb,var(--purple-500) 32%,var(--color-border));background:color-mix(in srgb,var(--purple-500) 4%,var(--color-surface))}.telemetry{margin-bottom:1.5rem}.two-column{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1rem;margin-top:1.5rem}.panel h2{margin-top:0}.empty{color:var(--color-text-secondary)}.list{display:grid;gap:.8rem}.list>button{color:inherit;text-align:left}.list>button.selected{outline:3px solid var(--color-primary)}.table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);box-shadow:var(--shadow-card)}table{width:100%;border-collapse:collapse;background:var(--color-surface)}th,td{padding:1rem;border-bottom:1px solid var(--color-border);text-align:left}th{background:var(--color-surface-sunken);color:var(--color-text-secondary);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:var(--color-nav-active-bg)}.row-identity{display:flex;align-items:center;gap:.7rem}.row-identity div strong{display:block;font-size:.95rem}.row-identity div small{color:var(--color-text-muted)}.simulated-banner{display:flex;align-items:center;justify-content:center;gap:.4rem;background:var(--color-simulated-bg);color:var(--color-simulated-text);font-size:.85rem;font-weight:600;padding:.65rem 1rem;text-align:center;border-radius:var(--radius-sm);margin-bottom:1.25rem}.simulated-banner svg{width:1rem;height:1rem;flex-shrink:0}.search-input{display:flex;align-items:center;gap:.5rem;background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.5rem .75rem;color:var(--color-text-secondary);max-width:20rem}.search-input svg{width:1rem;height:1rem;flex-shrink:0}.search-input input{border:0;background:transparent;outline:none;color:var(--color-text-primary);width:100%}.segmented{display:inline-flex;background:var(--color-surface-sunken);border-radius:var(--radius-sm);padding:.2rem;gap:.2rem}.segmented button{background:transparent;color:var(--color-text-secondary);padding:.4rem .8rem;border-radius:calc(var(--radius-sm) - .15rem);font-size:.85rem;font-weight:600}.segmented button:not(:disabled):hover{background:transparent;color:var(--color-text-primary)}.segmented button.active{background:var(--color-surface);color:var(--color-primary);box-shadow:0 1px 2px #10281a14}.pill-button{display:inline-flex;align-items:center;padding:.35rem .75rem;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);font-size:.8rem;font-weight:600;color:var(--color-text-secondary)}.chart-placeholder{display:flex;flex-direction:column;gap:1rem}.chart-placeholder-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.chart-placeholder-head h2{margin:0}.chart-placeholder-body{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;height:14rem;border-radius:var(--radius-sm);border:1px dashed var(--color-border);background:var(--color-surface-sunken);color:var(--color-text-muted)}.chart-placeholder-body svg{width:2rem;height:2rem;opacity:.6}.empty-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;text-align:center;padding:2.5rem 1.5rem;border-radius:var(--radius);border:1px dashed var(--color-border);background:color-mix(in srgb,var(--color-surface) 60%,transparent);color:var(--color-text-secondary)}.empty-cta strong{color:var(--color-text-primary);font-size:1.05rem}.history{height:12rem;display:flex;gap:.2rem;align-items:flex-end;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:1rem}.history span{flex:1;min-width:.2rem;background:var(--color-primary);border-radius:.2rem .2rem 0 0}.form{display:grid;gap:1rem;max-width:35rem}.form label{display:grid;gap:.35rem}.form input,.form select{border:1px solid var(--gray-300);border-radius:var(--radius-sm);padding:.6rem;background:var(--color-surface);color:var(--color-text-primary)}.form input:focus-visible,.form select:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.form .checkbox{grid-template-columns:auto 1fr;align-items:start}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-gradient);padding:1.5rem}.login{width:100%;max-width:26rem;display:flex;flex-direction:column;align-items:center;text-align:center;padding:2.5rem 2rem 0;background:#fff;color:var(--navy-900);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.login-badge{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:var(--radius-sm);background:var(--green-50);margin-bottom:1rem}.login-badge img{width:1.75rem;height:1.75rem}.login h1{margin:0 0 .35rem;font-size:1.4rem}.login-subtitle{color:var(--color-text-secondary);margin:0 0 1.5rem}.login p:not(.login-subtitle){color:var(--color-text-secondary);font-size:.9rem}.login button{width:100%;background:var(--green-700);color:#fff;padding:.75rem;margin:.5rem 0 1.5rem}.login button:hover{background:var(--green-800)}.login-footer{width:calc(100% + 4rem);margin:0 -2rem;padding:.85rem 1rem;background:var(--green-50);color:var(--green-800);font-size:.78rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.4rem}.login-footer svg{width:.9rem;height:.9rem}.home{min-height:100vh;background:linear-gradient(160deg,var(--green-900) 0%,var(--green-800) 100%);color:#fff;display:flex;flex-direction:column}.home-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem clamp(1.5rem,5vw,4rem)}.home-hero{flex:1;display:flex;align-items:center;padding:2rem clamp(1.5rem,5vw,4rem) 4rem}.home-hero-inner{max-width:42rem}.home-hero h1{font-size:clamp(2rem,4.5vw,3.25rem);line-height:1.1;margin:0 0 1rem}.home-hero p{font-size:1.15rem;color:var(--green-100);max-width:34rem;margin:0 0 2rem}.home-header button,.home-hero button{background:var(--green-300);color:var(--green-900)}.home-header button:hover,.home-hero button:hover{background:var(--green-400)}.home-features{background:var(--color-bg-gradient);color:var(--color-text-primary);padding:3rem clamp(1.5rem,5vw,4rem);display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.5rem}.home-features article{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:1.5rem}.home-features h2{margin:0 0 .5rem;font-size:1.1rem;color:var(--color-primary)}.home-features p{margin:0;color:var(--color-text-secondary)}@media(max-width:760px){.shell{grid-template:auto 1fr / 1fr}aside{flex-direction:row;align-items:center;overflow-x:auto}nav{display:flex}nav a{white-space:nowrap}.page-heading{flex-direction:column}}