:root{color-scheme:light;--ink:#17201c;--muted:#68756e;--line:#dce5df;--green:#16834a;--amber:#c48500;--red:#c44339;--bg:#f4f7f4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header{display:flex;justify-content:space-between;align-items:center;padding:28px max(24px,calc((100vw - 1200px)/2));background:#fff;border-bottom:1px solid var(--line)}h1{font-size:28px;margin:0}.eyebrow{letter-spacing:.14em;font-size:11px;color:var(--green);font-weight:700;margin:0 0 4px}#updated{color:var(--muted);font-size:13px}main{max-width:1200px;margin:24px auto;padding:0 20px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 3px 14px #14271b0a}.card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.card h2{font-size:19px;margin:0}.location{color:var(--muted);font-size:13px}.status{white-space:nowrap;border-radius:99px;padding:5px 10px;font-size:12px;font-weight:700;background:#edf1ee;color:var(--muted)}.status.online{background:#e5f5eb;color:var(--green)}.status.offline{background:#fdebe9;color:var(--red)}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0 16px}.metric{padding:12px;background:#f7f9f7;border-radius:10px;cursor:pointer;border:1px solid transparent}.metric:hover{border-color:#a9cbb5}.metric .label{font-size:12px;color:var(--muted);display:block}.metric strong{font-size:21px;display:block;margin-top:5px}.soil-list{border-top:1px solid var(--line);padding-top:13px}.soil-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:8px 0}.soil-row .name{font-size:13px}.soil-value{border:0;background:transparent;font-weight:700;font-size:15px;cursor:pointer}.soil-value.not-installed{color:var(--muted);cursor:default}.soil-value.green{color:var(--green)}.soil-value.amber{color:var(--amber)}.soil-value.red{color:var(--red)}.soil-value:disabled{opacity:1}.meta{font-size:12px;color:var(--muted);margin:13px 0 0}.edit{background:none;border:1px solid var(--line);border-radius:8px;padding:7px 10px;cursor:pointer;color:var(--ink)}dialog{border:0;border-radius:14px;padding:24px;width:min(640px,calc(100vw - 32px));box-shadow:0 20px 60px #0003}dialog::backdrop{background:#10201888}dialog h2{margin:0 0 18px}dialog label{display:block;font-size:13px;margin:12px 0;color:var(--muted)}dialog input[type=text],dialog input:not([type]){display:block;width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;margin-top:5px;font:inherit;color:var(--ink)}.close{float:right;border:0;background:none;font-size:25px;cursor:pointer}.soil-config{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.soil-config label{display:flex;align-items:center;gap:9px}.soil-config input[type=checkbox]{width:18px;height:18px}.primary{background:var(--green);color:#fff;border:0;border-radius:8px;padding:11px 16px;font:inherit;cursor:pointer;margin-top:12px}.ranges{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.ranges button{background:white;border:1px solid var(--line);border-radius:7px;padding:7px 10px;cursor:pointer}.ranges button.active{background:#e5f5eb;border-color:var(--green);color:var(--green)}canvas{width:100%;height:auto;border:1px solid var(--line);border-radius:8px}#chart-info{font-size:12px;color:var(--muted)}#message{min-height:4px;color:var(--red);margin-bottom:4px}@media(max-width:720px){header{padding:20px;align-items:flex-start;gap:12px}.grid{grid-template-columns:1fr}.metrics{gap:6px}.metric{padding:9px}.metric strong{font-size:18px}}