@import"https://fonts.googleapis.com/css2?family=Chewy&family=Nunito+Sans:wght@400;600;700&display=swap";@keyframes lorax-run{0%{transform:translate(-30vw)}to{transform:translate(130vw)}}:root{font-family:Nunito Sans,Segoe UI,Helvetica Neue,Arial,sans-serif;line-height:1.6;font-weight:400;--bg: #f6f1e7;--bg-contrast: #fffbf3;--card: #ffffff;--border: #e1d6c2;--text: #113226;--muted: #4e6a59;--green-900: #0f6b38;--green-700: #2f8f52;--green-500: #6fae7a;--yellow: #d59c26;--red: #c45446;--shadow: 0 10px 32px rgba(12, 62, 36, .12);background-color:var(--bg);color:var(--text);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;transition:background-color .18s ease,color .18s ease}[data-theme=dark]{--bg: #070a0d;--bg-contrast: #0d1217;--card: #10161c;--border: #1b252e;--text: #f2f6f8;--muted: #a4b4bd;--green-900: #b3e6c5;--green-700: #7fd1a1;--green-500: #4ea87a;--yellow: #e3b54f;--red: #e08474;--shadow: 0 12px 40px rgba(0, 0, 0, .65);background-color:var(--bg);color:var(--text)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 22% 16%,#d5aa7329 0,#d5aa7300 22%),radial-gradient(circle at 78% 10%,#95b2ce24 0,#95b2ce00 22%),radial-gradient(circle at 34% 84%,#89ba9714 0,#89ba9700 20%),linear-gradient(135deg,#fbf8f1,#f4eee4 42%,#eef2ec);color:var(--text)}[data-theme=dark] body{background:radial-gradient(circle at 18% 20%,#4f8c6729 0,#4f8c6700 30%),radial-gradient(circle at 78% 8%,#e3b54f1f 0,#e3b54f00 26%),linear-gradient(145deg,#050708,#080b0f 45%,#0c1117)}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header,.app-footer{padding:1.1rem 1.5rem}.app-header{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;background:#f4eddfeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--border)}[data-theme=dark] .app-header{background:#070a0de6}.brand{display:flex;align-items:center;gap:.65rem;font-weight:700;letter-spacing:.01em;color:var(--green-900)}.brand-logo{width:44px;height:44px;object-fit:cover;border-radius:14px;border:1px solid var(--border);background:var(--card);box-shadow:0 8px 18px #0c3e241f}.brand-name{font-size:1.1rem;font-family:Chewy,Nunito Sans,Segoe UI,sans-serif}.app-nav{display:flex;align-items:center;gap:.5rem}.app-nav__pill{padding:.4rem .75rem;border-radius:999px;background:#d5aa732e;color:var(--text);border:1px solid rgba(213,170,115,.32);font-size:.9rem;display:inline-flex;align-items:center;gap:.35rem}[data-theme=dark] .app-nav__pill{background:#7d9a8924;border-color:#7d9a8942;color:#e5eded}.theme-toggle{position:relative;display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem .35rem .45rem;border-radius:999px;border:1px solid rgba(213,170,115,.32);background:linear-gradient(120deg,#d5aa7338,#95b2ce1f);color:var(--text);cursor:pointer;transition:all .18s ease;font-weight:600}.theme-toggle:hover{border-color:#ffffff59;box-shadow:0 8px 16px #0c3e2424}.theme-toggle__icon{display:inline-flex;align-items:center;width:40px;height:22px;border-radius:999px;background:#d5aa7329;border:1px solid rgba(213,170,115,.3);position:relative;transition:background .22s ease,border-color .22s ease;overflow:hidden}.theme-toggle__thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #00000038;display:grid;place-items:center;transition:transform .22s ease,background .22s ease,box-shadow .22s ease}.theme-toggle__label{font-size:.92rem;color:var(--text)}.theme-toggle.is-dark{background:linear-gradient(120deg,#d5aa733d,#070a0db8);border-color:#7d9a8959;color:#e5eded}.theme-toggle.is-dark .theme-toggle__icon{background:#344d423d;border-color:#7d9a8959}.theme-toggle__thumb img{width:12px;height:12px}.theme-toggle.is-dark .theme-toggle__thumb{transform:translate(18px);background:#0c141a;box-shadow:0 2px 10px #0006}.app-main{flex:1;width:100%;max-width:1140px;margin:0 auto;padding:1.8rem 1.25rem 2.2rem}.app-footer{border-top:1px solid var(--border);font-size:.95rem;color:var(--muted);text-align:center}.page__header{margin-bottom:1.2rem}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;color:var(--muted)}.page h1{margin:.2rem 0 .45rem;font-size:2.15rem;color:var(--green-900);font-family:Chewy,Nunito Sans,Segoe UI,sans-serif}h2,h3{font-family:Chewy,Nunito Sans,Segoe UI,sans-serif;color:var(--green-900);margin:0}.lede{margin:0;color:var(--muted);max-width:58ch}.panel{background:linear-gradient(135deg,var(--card) 0%,#fffaf1 100%);border:1px solid var(--border);border-radius:16px;padding:1.25rem;box-shadow:var(--shadow);margin-bottom:1.1rem;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}[data-theme=dark] .panel{background:linear-gradient(135deg,var(--card) 0%,#1a1f20 100%)}.panel:hover{border-color:#0000000f;box-shadow:0 12px 32px #0000001f}[data-theme=dark] .panel:hover{border-color:#a0d68f33;box-shadow:0 12px 32px #0006}.panel__header{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.panel__hint{margin:0;color:var(--muted);font-size:.98rem}.status-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:1rem}.status-chip{background:#2f8a4c14;border:1px solid rgba(47,138,76,.18);border-radius:14px;padding:.75rem 1rem;box-shadow:var(--shadow);transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}[data-theme=dark] .status-chip{background:#7d9a891a;border-color:#7d9a893d}.status-chip:hover{transform:translateY(-1px);border-color:#2f8a4c52;box-shadow:0 10px 26px #2f8a4c2e}[data-theme=dark] .status-chip:hover{border-color:#7d9a8952;box-shadow:0 10px 26px #00000059}.status-chip__label{margin:0;font-size:.9rem;color:var(--muted)}.status-chip__value{margin:.15rem 0 0;font-family:Chewy,Nunito Sans,Segoe UI,sans-serif;font-size:1.6rem;color:var(--green-900)}.bed-grid{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:.75rem}.bed-card{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;position:relative;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;cursor:pointer}[data-theme=dark] .bed-card{background:linear-gradient(140deg,var(--card) 0%,#0f6b3836 100%)}.bed-card:after{content:"";position:absolute;inset:0;border-radius:16px;pointer-events:none;opacity:.12;transition:opacity .16s ease}.bed-card:hover{transform:translateY(-2px);border-color:#2f8a4c3d;box-shadow:0 14px 32px #00000024}[data-theme=dark] .bed-card:hover{border-color:#a0d68f3d;box-shadow:0 14px 32px #0000005c}.bed-card__pill_container{display:flex;justify-content:space-between}.bed-card__media{position:relative;aspect-ratio:4 / 3;overflow:hidden}.bed-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .24s ease}.bed-card:hover .bed-card__media img{transform:scale(1.04)}.bed-card__pill{position:static;padding:.35rem 1.75rem;border-radius:999px;background:#0009;color:#fff;font-weight:700;font-size:.9rem;letter-spacing:.01em;display:flex;justify-content:center;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}[data-theme=dark] .bed-card__pill{background:#141e22bf;color:#e6f0ec}.bed-card__header{padding:.85rem 1rem .2rem;display:flex;flex-direction:column;gap:.4rem}.bed-card__title{margin:0;font-size:1.08rem;color:var(--green-900)}[data-theme=dark] .bed-card__title{color:#d5e8da}.bed-card__subtitle{margin:.25rem 0 0;color:var(--muted);font-weight:600;letter-spacing:.01em}.bed-card__meta{padding:.35rem 1rem .5rem;display:flex;flex-wrap:wrap;gap:.4rem}.bed-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .7rem;border-radius:999px;font-size:.9rem;font-weight:700;background:#6fae7a1f;border:1px solid rgba(111,174,122,.35);color:var(--green-900)}[data-theme=dark] .bed-chip{color:#d5e8da}.bed-chip--muted{background:#1132260f;border-color:#11322624;color:var(--muted)}.bed-chip--good{background:#2f8a4c1f;border-color:#2f8a4c52}.bed-chip--warn{background:#d59c2624;border-color:#d59c2652;color:#b67812}.bed-chip--alert{background:#c454461f;border-color:#c454464d;color:#a54336}.bed-card__task{margin:.15rem 1rem 1rem;color:var(--muted);font-size:.96rem}.bed-card.is-active{border-color:#2f8a4c80;box-shadow:0 14px 32px #2f8a4c2e}.bed-card--good:after{box-shadow:inset 0 4px #2f8a4cd9;opacity:1}.bed-card--warn:after{box-shadow:inset 0 4px #d59c26d9;opacity:1}.bed-card--alert:after{box-shadow:inset 0 4px #c45446e6;opacity:1}.bed-card--neutral:after{box-shadow:inset 0 4px #11322633;opacity:1}.bed-card--good .bed-card__pill{background:#2f8a4cdb;border-color:#ffffff2e}.bed-card--warn .bed-card__pill{background:#d59c26e6;border-color:#fff3}.bed-card--alert .bed-card__pill{background:#c45446f0;border-color:#ffffff38}.dashboard-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.sensor-card{padding:1rem;background:var(--card);border-radius:14px;box-shadow:var(--shadow);border:1px solid var(--border);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.sensor-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px #00000026;border-color:var(--border)}[data-theme=dark] .sensor-card:hover{border-color:#a0d68f40}.sensor--green{border-left:7px solid var(--green-700)}.sensor--yellow{border-left:7px solid var(--yellow)}.sensor--red{border-left:7px solid var(--red)}.sensor--green:hover,[data-theme=dark] .sensor--green:hover{border-color:var(--green-700);box-shadow:0 14px 34px #7fd1a152}.sensor--yellow:hover,[data-theme=dark] .sensor--yellow:hover{border-color:var(--yellow);box-shadow:0 14px 34px #e3b54f4d}.sensor--red:hover,[data-theme=dark] .sensor--red:hover{border-color:var(--red);box-shadow:0 14px 34px #e084744d}.sensor-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.35rem}.sensor-card__title{margin:0;font-size:1.05rem;color:var(--text)}.sensor-card__indicator{width:12px;height:12px;border-radius:50%;background:currentColor}.sensor--green .sensor-card__indicator{color:var(--green-700)}.sensor--yellow .sensor-card__indicator{color:var(--yellow)}.sensor--red .sensor-card__indicator{color:var(--red)}.sensor-card__value{margin:0 0 .2rem;font-size:1.65rem;font-weight:700;color:var(--green-900)}.sensor-card__note{margin:0;font-size:.95rem;color:var(--muted)}.chart-placeholder{padding:1.1rem;border:1px dashed var(--border);border-radius:12px;background:#f9f4e6;color:var(--muted);transition:border-color .14s ease,box-shadow .14s ease}[data-theme=dark] .chart-placeholder{background:#1a1f1f}.chart-placeholder:hover{border-color:#2f8a4c59;box-shadow:0 10px 24px #0000001a}[data-theme=dark] .chart-placeholder:hover{border-color:#a0d68f52;box-shadow:0 10px 24px #00000052}.chart-placeholder__title{margin:0 0 .25rem;font-weight:700;color:var(--green-900)}.chart-placeholder__hint{margin:0}.chart-card{background:linear-gradient(160deg,var(--card) 0%,#fff7e4 100%);border:1px solid var(--border);border-radius:16px;margin-top:25px;padding:1rem;box-shadow:var(--shadow);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}[data-theme=dark] .chart-card{background:linear-gradient(160deg,var(--card) 0%,#1a2121 100%)}.chart-card:hover{transform:translateY(-2px);border-color:#0000000f;box-shadow:0 12px 30px #0000001f}[data-theme=dark] .chart-card:hover{border-color:#a0d68f33;box-shadow:0 12px 30px #00000061}.weather-grid{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.weather-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:.9rem 1rem;box-shadow:var(--shadow);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}[data-theme=dark] .weather-card{background:linear-gradient(135deg,var(--card),#1c2021)}.weather-card:hover{transform:translateY(-2px);border-color:#0000000f;box-shadow:0 12px 28px #0000001f}[data-theme=dark] .weather-card:hover{border-color:#a0d68f38;box-shadow:0 12px 28px #0000005c}.weather-card__label{margin:0;color:var(--muted);font-size:.9rem}.weather-card__value{margin:.2rem 0;font-size:1.5rem;font-weight:700;color:var(--green-900)}.weather-card__note{margin:0;color:var(--muted);font-size:.95rem}.weather-card--full{padding:1.1rem 1.2rem}.weather-card__meta{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.weather-card__temp{text-align:right}.weather-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.65rem}.weather-metric{padding:.65rem .75rem;border:1px solid var(--border);border-radius:10px;background:linear-gradient(135deg,#2f8a4c0a,#6fae7a14);display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.95rem}[data-theme=dark] .weather-metric{background:linear-gradient(135deg,#7d9a8914,#2f8a4c14);border-color:#7d9a893d}.weather-metric strong{font-size:1.05rem;color:var(--green-900)}.api-indicator{display:inline-flex;align-items:center;gap:.4rem;font-size:.96rem;color:var(--muted);margin-top:.25rem}.api-indicator__dot{display:inline-flex;align-items:center;justify-content:center;width:10px;height:10px;border-radius:50%;background:var(--green-700);box-shadow:0 0 0 6px #2f8a4c1f}.api-indicator__dot.is-error{background:var(--red);box-shadow:0 0 0 6px #c454461f}.chart-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.chart-range-buttons{display:inline-flex;gap:.6rem}.chart-range-buttons button{padding:.45rem .85rem;border-radius:999px;border:1px solid rgba(47,138,76,.3);background:#2f8a4c14;color:var(--green-900);cursor:pointer;font-size:.94rem;transition:all .14s ease}.chart-range-buttons button.is-active{background:var(--green-700);color:#fff;border-color:var(--green-800);box-shadow:0 0 0 4px #2f8a4c2e}.chart-range-buttons button:hover{background:#2f8a4c26}[data-theme=dark] .chart-range-buttons button{border-color:#7d9a8959;background:#7d9a891f;color:#e5eded}[data-theme=dark] .chart-range-buttons button:hover{background:#7d9a8933}[data-theme=dark] .chart-range-buttons button.is-active{background:var(--green-700);color:#0b1a10;border-color:#7d9a8999}.chart-controls select{padding:.45rem .75rem;border-radius:10px;border:1px solid var(--border);background:var(--card);color:var(--text);box-shadow:var(--shadow)}.chart-legend{display:flex;gap:1rem;align-items:center;font-size:.95rem;color:var(--muted);margin:0 0 .5rem}.dot{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:.35rem}.dot-green{background:var(--green-700)}.dot-yellow{background:var(--yellow)}.dot-red{background:var(--red)}@media(max-width:720px){.app-header{flex-direction:column;align-items:flex-start;gap:.8rem}.chart-header{flex-direction:column;align-items:flex-start}}.settings-form{display:grid}.bed-modal__error{color:var(--red)}.bed-modal__row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:10px}@media(max-width:520px){.bed-modal__row{grid-template-columns:1fr}}.bed-modal__field{display:flex;flex-direction:column}.bed-modal__success{margin-top:10px;font-weight:600}.nav-settings{width:44px;height:44px;border-radius:12px;border:1px solid rgba(0,0,0,.12);background:#ffffffd9;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;margin-right:10px;line-height:1;font-size:18px}.nav-settings:hover{background:#fff}.nav-settings:active{transform:scale(.98)}.bed-card__header{position:relative}.bed-card__settings{position:absolute;top:10px;right:10px;z-index:2;width:32px;height:32px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.12);background:#ffffffd9;cursor:pointer;line-height:1;font-size:16px}.bed-card__settings:hover{background:#fff}.bed-card__settings:active{transform:scale(.98)}.bed-modal__backdrop{position:fixed;inset:0;background:#0f172a73;z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px}.bed-modal{width:min(520px,100%);background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000040;padding:16px}.btn{--btn-bg: #1f7a45;--btn-bg-hover: #18663a;--btn-bg-active: #145632;--btn-text: #ffffff;--btn-border: rgba(0, 0, 0, .15);appearance:none;border:1px solid var(--btn-border);border-radius:12px;padding:3px 10px;margin-right:15px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;line-height:1;color:var(--btn-text);background:var(--btn-bg);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:background-color .14s ease,box-shadow .14s ease,transform 80ms ease,opacity .12s ease}.btn:hover{background:var(--btn-bg-hover)}.btn:active{background:var(--btn-bg-active);transform:translateY(1px)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #1f7a4559}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;pointer-events:none}.btn--ghost{--btn-bg: transparent;--btn-bg-hover: rgba(0, 0, 0, .04);--btn-bg-active: rgba(0, 0, 0, .08);--btn-text: #1f2937;--btn-border: rgba(0, 0, 0, .12)}[data-theme=dark] .bed-modal{background:linear-gradient(135deg,var(--card) 0%,#1a1f20 100%)}[data-theme=dark] .btn--ghost{background:linear-gradient(135deg,var(--green-700) 0%,var(--green-700) 100%)}