@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";.actuator-row{border:1px solid var(--line);color:var(--muted);background:#ffffff73;align-items:center;gap:9px;margin:0 18px 15px;padding:10px 12px;font-size:12px;display:flex}.actuator-row span{color:var(--ink);align-items:center;gap:6px;margin-right:auto;font-weight:600;display:flex}.actuator-button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fbfaf7;border-radius:5px;padding:7px 10px;font:600 10px DM Sans}.actuator-button.active{color:#315b4b;background:#e7efe5;border-color:#9bc3a0}.device-form select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fbfaf7;border-radius:6px;padding:12px 13px;font:14px DM Sans}.actuator-options{border:1px solid var(--line);gap:8px;margin:10px 0 0;padding:12px;display:grid}.actuator-options legend{color:#6e786f;letter-spacing:.1em;text-transform:uppercase;padding:0 5px;font-size:10px;font-weight:700}.actuator-options label{color:var(--ink);align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.actuator-options input{width:auto}.brand-mark{background:0 0;border-radius:0;width:190px;height:58px;overflow:visible}.brand-mark img{object-fit:contain;width:100%;height:100%}@media (width<=680px){.brand-mark{background:#315b4b;border-radius:9px;width:34px;height:34px;overflow:hidden}.brand-mark img{object-fit:initial;width:auto;max-width:none;height:100%}}:root{--login-shadow:0 24px 80px #315b4b1f}.login-page{background:radial-gradient(circle at 15% 15%,#edf4e8 0,#0000 35%),radial-gradient(circle at 90% 85%,#f5e7dc 0,#0000 30%),#f5f3ed;place-items:center;min-height:100vh;padding:28px;display:grid}.login-panel{width:min(100%,430px);box-shadow:var(--login-shadow);background:#fffefadb;border:1px solid #e4e1d7e6;padding:48px;animation:.45s both rise}.login-brand{color:#315b4b;letter-spacing:.08em;align-items:center;gap:10px;font:700 16px Space Grotesk;display:flex}.login-mark{color:#d4e5d7;background:#315b4b;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.login-heading{margin:58px 0 31px}.login-heading h1{color:var(--ink);letter-spacing:0;margin:9px 0 10px;font:600 38px Space Grotesk}.login-heading p:last-child{max-width:320px;color:var(--muted);margin:0;font-size:14px;line-height:1.6}.login-form{gap:9px;display:grid}.login-form label{color:#6e786f;margin-top:10px}.login-form input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fbfaf7;border-radius:6px;outline:none;padding:13px 14px;font:14px DM Sans}.login-form input:focus{border-color:var(--green);box-shadow:0 0 0 3px #e3efe5}.login-submit{color:#fff;cursor:pointer;background:#315b4b;border:0;border-radius:6px;justify-content:center;align-items:center;gap:9px;margin-top:21px;padding:13px;font:600 14px DM Sans;display:flex}.login-submit:hover{background:#254b3c}.login-error{color:#b84f34;margin:5px 0 0;font-size:12px}.login-footnote{color:#9a9b91;letter-spacing:.14em;margin:39px 0 0;font-size:9px;font-weight:700}.login-footnote span{color:var(--rust);margin:0 7px}.device-copy{flex:1;min-width:0}.device-copy small{color:#9a9b91;letter-spacing:.08em;margin-top:5px;font-size:10px;display:block}.device-edit{margin-left:5px}.modal-backdrop{z-index:10;background:#26352f3d;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.device-form{border:1px solid var(--line);background:#fffefa;gap:9px;width:min(100%,460px);padding:30px;animation:.25s both rise;display:grid;box-shadow:0 24px 80px #26352f33}.modal-heading{justify-content:space-between;align-items:flex-start;margin-bottom:15px;display:flex}.modal-heading h2{margin:8px 0 0;font:600 25px Space Grotesk}.device-form label{color:#6e786f;margin-top:8px}.device-form input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fbfaf7;border-radius:6px;outline:none;padding:12px 13px;font:14px DM Sans}.device-form input:focus{border-color:var(--green);box-shadow:0 0 0 3px #e3efe5}.device-form input:disabled{color:#9a9b91;background:#f1f0eb}.device-form .login-submit{margin-top:17px}:root{color:#26352f;font-synthesis:none;--ink:#26352f;--muted:#858a82;--line:#e4e1d7;--green:#4f8d75;--rust:#d96945;--gold:#d9a441;background:#f5f3ed;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}.app-shell{background:radial-gradient(circle at 80% -10%,#edf4e8 0,#0000 32%),#f5f3ed;min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);background:#faf9f5b3;flex-direction:column;flex-shrink:0;width:244px;padding:32px 20px 24px;display:flex}.brand{letter-spacing:0;align-items:center;gap:9px;margin:0 10px 66px;font:700 23px Space Grotesk;display:flex}.brand-mark{color:#d4e5d7;background:#315b4b;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.brand-dot{color:#d96945}.workspace-label,.eyebrow,label{letter-spacing:.15em;color:#9a9b91;font-size:10px;font-weight:700}.workspace-label{margin:0 13px 14px}.nav-item{color:#858a82;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:12px;width:100%;padding:12px 13px;font:500 14px DM Sans;display:flex}.nav-item:hover,.nav-item.active{color:#315b4b;background:#e7efe5}.sidebar-footer{margin-top:auto}.live-chip{color:#6e786f;align-items:center;gap:7px;margin-bottom:10px;padding:12px 13px;font-size:11px;display:flex}.live-chip span{background:#61a66d;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #dcebdc}.main-content{width:100%;max-width:1440px;padding:46px 5vw 70px}.topbar{justify-content:space-between;align-items:flex-end;margin-bottom:46px;display:flex}.topbar h1{letter-spacing:0;margin:8px 0 0;font:600 31px Space Grotesk}.top-actions{align-items:center;gap:15px;display:flex}.sync-status{color:#878c84;align-items:center;gap:7px;font-size:12px;display:flex}.icon-button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fbfaf7;border-radius:7px;place-items:center;width:38px;height:38px;display:grid}.page{animation:.45s both rise}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.control-row{justify-content:space-between;align-items:flex-end;margin-bottom:22px;display:flex}.control-row label{margin-bottom:7px;display:block}.control-row select{color:var(--ink);background:0 0;border:0;outline:none;padding:0 28px 0 0;font:600 18px Space Grotesk}.device-status{border:1px solid var(--line);background:#ffffff73;border-radius:8px;align-items:center;gap:13px;min-width:240px;padding:11px 14px;display:flex}.device-avatar{color:#4f8d75;background:#e5efe6;border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.device-status strong{font-size:13px}.device-status p{color:var(--muted);align-items:center;gap:4px;margin:4px 0 0;font-size:11px;display:flex}.status-online,.status-offline{align-items:center;gap:6px;margin-left:auto;font-size:11px;display:flex}.status-online{color:#5b9b68}.status-offline{color:#a37c56}.status-online i,.status-offline i{background:currentColor;border-radius:50%;width:6px;height:6px}.sensor-grid{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:22px;display:grid}.sensor-card{border:1px solid var(--line);background:#fffefa;border-radius:8px;min-height:165px;padding:18px}.sensor-top{justify-content:space-between;align-items:center;display:flex}.sensor-icon{border-radius:8px;place-items:center;width:35px;height:35px;display:grid}.sensor-icon.temperature{color:var(--rust);background:#fbe8df}.sensor-icon.humidity{color:#3d8d92;background:#e1eff0}.sensor-icon.ph{color:var(--green);background:#e5efe6}.sensor-icon.ec,.sensor-icon.light{color:#b7842c;background:#faefd3}.sensor-status{color:#6a9472;font-size:10px}.sensor-card p{color:var(--muted);margin:16px 0 4px;font-size:12px}.sensor-card strong{font:600 27px Space Grotesk}.sensor-card small{color:var(--muted);margin-left:3px;font:500 12px DM Sans}.trend{align-items:center;gap:3px;margin-top:13px;font-size:11px;display:flex}.trend.up{color:#5d9c6c}.trend.down{color:#d07859}.trend span{color:#a2a49d;margin-left:3px}.chart-grid{grid-template-columns:1.4fr 1fr 1fr;gap:12px;display:grid}.panel{border:1px solid var(--line);background:#fffefa;border-radius:8px;padding:22px}.wide{grid-column:auto}.panel-heading{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.panel h2,.section-intro h2{margin:7px 0 0;font:600 19px Space Grotesk}.range-pill{color:#878a82;background:#f2f1ea;border-radius:5px;padding:6px 9px;font-size:11px}.legend-dot{font-size:11px}.legend-dot:before{content:"";border-radius:50%;width:6px;height:6px;margin:0 5px 1px 0;display:inline-block}.legend-dot.green{color:#62916b}.legend-dot.green:before{background:#62916b}.legend-dot.amber{color:#b18336}.legend-dot.amber:before{background:#d9a441}.chart-foot{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding-top:12px;font-size:11px;display:flex}.chart-foot strong{color:var(--ink);font-weight:500}.section-intro{justify-content:space-between;align-items:end;margin-bottom:26px;display:flex}.section-intro p:not(.eyebrow){color:var(--muted);font-size:13px}.primary-button{color:#fff;cursor:pointer;background:#315b4b;border:0;border-radius:6px;padding:11px 15px;font:600 12px DM Sans}.device-list{gap:10px;max-width:700px;display:grid}.device-list .device-status{min-width:100%;padding:17px}.table-panel{border:1px solid var(--line);background:#fffefa;border-radius:8px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:680px;font-size:12px}th,td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:16px 18px}th{color:#969990;letter-spacing:.08em;font-size:10px}td{color:#59615a}.empty-state{color:var(--muted);padding:30px;font-size:13px}@media (width<=1050px){.sensor-grid{grid-template-columns:repeat(3,1fr)}.chart-grid{grid-template-columns:1fr 1fr}.wide{grid-column:1/-1}}@media (width<=680px){.sidebar{width:64px;padding:22px 8px}.brand{margin:0 6px 60px}.brand>span:last-child,.workspace-label,.nav-item:not(.active):after,.nav-item{font-size:0}.nav-item svg{font-size:initial}.nav-item{justify-content:center;padding:13px 6px}.sidebar-footer .nav-item{font-size:0}.main-content{padding:28px 16px 45px}.topbar{align-items:flex-start;margin-bottom:34px}.topbar h1{font-size:24px}.sync-status{display:none}.sensor-grid{grid-template-columns:1fr 1fr}.chart-grid{grid-template-columns:1fr}.control-row{flex-direction:column;align-items:flex-start;gap:15px}.device-status{width:100%;min-width:100%}.section-intro{flex-direction:column;align-items:flex-start;gap:15px}.section-intro .primary-button{width:100%}}