.systems-home{--page:#fafaf9;--card:#fff;--line:#e7e7ea;--line2:#dcdce0;--ink1:#09090b;--ink2:#3f3f46;--ink3:#52525b;--ink4:#71717a;--ink5:#a1a1aa;--pool:#0284c7;--pooldk:#0a4f70;--poolhi:#38bdf8;--sun:#f59e0b;--sunbg:#fef3c7;--ok:#10b981;--okdk:#059669;--okbg:#ecfdf5;--okline:#a7f3d0;--bad:#dc2626;--badbg:#fef2f2;--badline:#fecaca;--sh-mono:var(--font-jetbrains-mono,"Inter", system-ui, -apple-system, "Segoe UI", sans-serif);--sh-sans:var(--font-sans,"Inter", system-ui, -apple-system, "Segoe UI", sans-serif);--sh-display:var(--font-display,"Inter", system-ui, -apple-system, "Segoe UI", sans-serif);--sh-ease-out:cubic-bezier(.22, 1, .36, 1);background:var(--page);color:var(--ink1);font-family:var(--sh-sans);-webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 1;position:fixed;inset:0}.systems-home *,.systems-home :before,.systems-home :after{box-sizing:border-box}.systems-home .wrap{flex-direction:column;max-width:1040px;height:100%;margin:0 auto;padding:28px 22px 0;display:flex}.systems-home .top{flex-shrink:0;align-items:center;gap:12px;margin-bottom:24px;display:flex}.systems-home .mark{flex-shrink:0;width:30px;height:30px}.systems-home .brand{font-family:var(--sh-display);align-items:center;font-size:22px;line-height:1;display:flex}.systems-home .brand .p{color:var(--ink1)}.systems-home .brand .h{color:var(--pool)}.systems-home .brand .d{background:radial-gradient(circle at 35% 30%,#fff1c4,#ffce47 45%,#f6a81e);border-radius:50%;width:6px;height:6px;margin:0 4px;display:inline-block}.systems-home .top .spacer{flex:1}.systems-home .add-pool{cursor:pointer;background:var(--card);border:1px solid var(--line2);height:30px;color:var(--pool);font-family:var(--sh-sans);border-radius:8px;flex-shrink:0;align-items:center;gap:5px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.systems-home .add-pool:hover{border-color:var(--pool);background:#f4fbff}.systems-home .synced{font-family:var(--sh-mono);color:var(--ink5);white-space:nowrap;flex-shrink:0;align-items:center;gap:5px;font-size:10px;display:inline-flex}.systems-home .synced .pulse{background:var(--ok);border-radius:50%;width:5px;height:5px;box-shadow:0 0 6px #10b98199}.systems-home .synced.warn{color:var(--sun);cursor:pointer}.systems-home .synced .pulse.warn{background:var(--sun);box-shadow:0 0 6px #f59e0b99}.systems-home .filter{border:1px solid var(--line);scrollbar-width:none;-ms-overflow-style:none;background:#f1f1f3;border-radius:9px;flex-shrink:0;align-self:flex-start;align-items:center;gap:2px;max-width:100%;margin:10px 0 12px;padding:2px;display:inline-flex;overflow-x:auto}.systems-home .filter::-webkit-scrollbar{width:0;height:0;display:none}.systems-home .seg{height:26px;color:var(--ink4);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--sh-sans);white-space:nowrap;background:0 0;border:0;border-radius:7px;flex-shrink:0;align-items:center;gap:6px;padding:0 11px;transition:color .14s,background .14s,box-shadow .14s;display:inline-flex}.systems-home .seg:hover{color:var(--ink2)}.systems-home .seg.on{background:var(--card);color:var(--ink1);box-shadow:0 1px 2px #0f172a1f}.systems-home .seg.bad.on{color:var(--bad)}.systems-home .seg .ct{font-family:var(--sh-mono);opacity:.6;font-size:10.5px}.systems-home .seg .sdot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.systems-home .seg .sdot.online{background:var(--ok)}.systems-home .seg .sdot.heating{background:var(--sun)}.systems-home .seg .sdot.occupied{background:var(--pool)}.systems-home .seg .sdot.attention{background:var(--bad)}.systems-home .board{min-height:0;padding-bottom:calc(28px + env(safe-area-inset-bottom));scrollbar-width:none;-ms-overflow-style:none;flex:auto;overflow-y:auto}html.native-app .systems-home .board{padding-bottom:var(--native-bar-inset-dash)}.systems-home .board::-webkit-scrollbar{width:0;height:0;display:none}.systems-home .grid{grid-template-columns:repeat(auto-fill,minmax(208px,1fr));gap:12px;display:grid}.systems-home .tile{background:var(--card);border:1px solid var(--line);cursor:pointer;border-radius:14px;flex-direction:column;min-height:127px;padding:15px 16px 14px;transition:border-color .14s,transform .14s,box-shadow .14s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0f172a08}.systems-home .tile:focus-visible{outline:2px solid var(--pool);outline-offset:2px}.systems-home .tile:hover{border-color:var(--line2);transform:translateY(-2px);box-shadow:0 10px 24px -12px #0f172a38}.systems-home .tile.bad{background:linear-gradient(180deg,#fef2f2,var(--card) 60%)}.systems-home .tile.warm{background:linear-gradient(180deg,#fff8ec,var(--card) 58%)}.systems-home .tile .edge{background:linear-gradient(180deg,var(--poolhi),var(--pooldk));width:5px;position:absolute;top:0;bottom:0;left:0}.systems-home .tile .guest-badges{pointer-events:none;flex-shrink:0;align-items:center;gap:4px;display:flex}.systems-home .tile .guest-badge{border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;box-shadow:0 1px 2px #0f172a2e}.systems-home .tile .guest-badge.pool{background:var(--poolhi);color:#fff}.systems-home .tile .trow{flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;display:flex}.systems-home .tile .body{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:7px;min-height:0;margin-top:12px;display:flex}.systems-home .tile .status{justify-content:center;align-items:center;max-width:100%;padding:0 6px;display:flex}.systems-home .tile .status .slabel{color:var(--ink3);text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;font-size:11.5px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.systems-home .tile .status.acc-red .slabel{color:var(--bad)}.systems-home .tile .status.acc-blue .slabel{color:var(--pooldk)}.systems-home .tile .status.acc-amber .slabel{color:#b45309}.systems-home .tile .status.acc-grey .slabel{color:var(--ink4)}.systems-home .tile .status .slabel .ssuffix{color:#b45309;font-weight:600}.systems-home .tile .heatbar{background:var(--line);border-radius:3px;width:70%;max-width:140px;height:4px;overflow:hidden}.systems-home .tile .heatbar>span{background:linear-gradient(90deg,#fbbf24,var(--sun));height:100%;transition:width .4s var(--sh-ease-out);border-radius:3px;display:block}.systems-home .tile .name{letter-spacing:.04em;text-transform:uppercase;min-width:0;color:var(--ink2);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11.5px;font-weight:600;line-height:1.2;overflow:hidden}.systems-home .tile .temp{font-family:var(--sh-mono);color:var(--ink1);letter-spacing:-.01em;white-space:nowrap;font-size:21px;font-weight:500}.systems-home .tile .temp .u{color:var(--ink5);vertical-align:top;font-size:.42em;font-weight:400;line-height:1}.systems-home .tile .temps{align-items:flex-end;gap:15px;display:flex}.systems-home .tile .tgrp{flex-direction:column-reverse;align-items:center;gap:2px;display:flex}.systems-home .tile .tgrp .lb{font-family:var(--sh-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink5);font-size:6.8px;font-weight:600;line-height:1}.systems-home .tile .temps .temp{font-size:32px;font-weight:600;line-height:1}.systems-home .tile .tgrp.heat .temp{color:#b45309}.systems-home .tile .tgrp.heat .temp .arrow{color:var(--sun);vertical-align:middle;margin:0 .06em 0 .18em;font-size:.42em;font-weight:700}.systems-home .tile .tgrp.heat .lb{color:var(--sun)}.systems-home .tile.skel{cursor:default;pointer-events:none;background:linear-gradient(100deg, var(--card) 30%, #f4f4f5 50%, var(--card) 70%);background-size:200% 100%;height:115px;animation:1.3s ease-in-out infinite sh-shimmer}@keyframes sh-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:560px){.systems-home .wrap{padding:16px 14px 0}.systems-home .top{margin-bottom:16px}.systems-home .grid{grid-template-columns:1fr 1fr;gap:10px}.systems-home .tile{padding:13px 13px 12px}.systems-home .tile .temp{font-size:18px}.systems-home .tile .temps{gap:13px}.systems-home .tile .temps .temp{font-size:27px}}@media (max-width:380px){.systems-home .grid{grid-template-columns:1fr}}.systems-home .empty{text-align:center;color:var(--ink4);padding:48px 20px}.systems-home .empty .em-mark{background:var(--okbg);border:1px solid var(--okline);width:46px;height:46px;color:var(--okdk);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 14px;display:flex}.systems-home .empty .em-mark.bad{background:var(--badbg);border-color:var(--badline);color:var(--bad)}.systems-home .empty .t{color:var(--ink2);font-size:15px;font-weight:600}.systems-home .empty .s{margin-top:4px;font-size:13px}.systems-home .empty .retry{cursor:pointer;background:var(--pool);color:#fff;border:1px solid var(--pool);height:38px;font-family:var(--sh-sans);border-radius:10px;margin-top:16px;padding:0 18px;font-size:13px;font-weight:600}.systems-home .empty .retry:hover{background:#0273af}