:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:block;place-items:center;min-width:320px;min-height:100vh;background-color:gray}h1{line-height:1.1}.card{padding:2em}#app{position:relative;width:100%;height:auto;margin:0 auto;text-align:center}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.status-wrapper.svelte-1csl4s7{position:relative;width:100%;height:100%;aspect-ratio:1 / 1;display:flex;justify-content:center;align-items:center}.chart-layer.svelte-1csl4s7{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;transform:scale(1.1)}.content-layer.svelte-1csl4s7{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;pointer-events:none;width:100%}.value-text.svelte-1csl4s7{font-family:Inter,sans-serif;font-size:.9rem;font-weight:800;color:var(--text-main);text-shadow:none}.status-icon.svelte-1csl4s7{width:30%!important;height:auto;opacity:.9;filter:drop-shadow(0 2px 3px rgba(0,0,0,.15))}@media (max-width: 600px){.value-text.svelte-1csl4s7{font-size:.7rem}}.graph-card.svelte-xvuybi{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;background-color:transparent;color:var(--text-main)}.graph-header.svelte-xvuybi{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid var(--border-color);flex-shrink:0}.stats-pills.svelte-xvuybi{display:flex;gap:15px}.pill.svelte-xvuybi{display:flex;flex-direction:row;align-items:baseline;gap:8px}.pill.svelte-xvuybi .label:where(.svelte-xvuybi){font-size:.7rem;text-transform:uppercase;color:var(--text-muted);font-weight:600}.pill.svelte-xvuybi .value:where(.svelte-xvuybi){font-size:1rem;font-weight:700;color:var(--text-main)}.pill.delivered.svelte-xvuybi .value:where(.svelte-xvuybi){color:var(--header-bg)}.pill.used.svelte-xvuybi .value:where(.svelte-xvuybi){color:var(--text-muted)}small.svelte-xvuybi{font-size:.7em;opacity:.7}.chart-wrapper.svelte-xvuybi{flex:1;display:flex;flex-direction:column;width:100%;min-height:0}.chart-wrapper.svelte-xvuybi .apexcharts-canvas{width:100%!important;height:100%!important}.nav-link.svelte-1bcmwea{text-decoration:none;color:#fff;font-size:1rem;font-weight:500;padding:.5rem 1rem;border-radius:5px;transition:background-color .3s ease,transform .2s ease;background:none;border:none;cursor:pointer}.nav-link.svelte-1bcmwea:hover{background-color:#fff3;transform:scale(1.05)}header.svelte-pp1mui{background-color:var(--header-bg);width:100%;height:60px;position:sticky;top:0;z-index:1000;box-shadow:0 4px 6px #0003}.container.svelte-pp1mui{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:0 1rem;height:100%}h1.svelte-pp1mui{font-size:1.5rem;font-weight:700;color:#fff;margin:0}nav.svelte-pp1mui{height:100%;display:flex;align-items:center}nav.svelte-pp1mui ul:where(.svelte-pp1mui){display:flex;gap:1.5rem;list-style:none;margin:0;padding:0;align-items:center}nav.svelte-pp1mui ul:where(.svelte-pp1mui) li:where(.svelte-pp1mui) a:where(.svelte-pp1mui){text-decoration:none;color:#fff;font-size:1rem;font-weight:500;padding:.5rem 1rem;border-radius:5px;transition:background-color .2s ease}nav.svelte-pp1mui ul:where(.svelte-pp1mui) li:where(.svelte-pp1mui) a:where(.svelte-pp1mui):hover{background-color:#fff3}.menu-toggle.svelte-pp1mui{display:none;background:none;border:none;color:#fff;font-size:1.8rem;cursor:pointer;padding:0;line-height:1}@media (max-width: 768px){.menu-toggle.svelte-pp1mui{display:block}nav.svelte-pp1mui{display:none;position:absolute;top:60px;left:0;width:100%;background-color:#c04000!important;height:auto;flex-direction:column;justify-content:flex-start;padding:0;z-index:2000;box-shadow:0 4px 10px #0000004d}nav.is-open.svelte-pp1mui{display:flex}nav.svelte-pp1mui ul:where(.svelte-pp1mui){flex-direction:column;width:100%;gap:0}nav.svelte-pp1mui ul:where(.svelte-pp1mui) li:where(.svelte-pp1mui){width:100%;display:block}nav.svelte-pp1mui ul:where(.svelte-pp1mui) li:where(.svelte-pp1mui) a:where(.svelte-pp1mui){display:block;width:100%;padding:1.2rem;text-align:center;border-bottom:1px solid rgba(255,255,255,.1);background-color:#0000000d}nav.svelte-pp1mui ul:where(.svelte-pp1mui) li:where(.svelte-pp1mui) a:where(.svelte-pp1mui):active,nav.svelte-pp1mui ul:where(.svelte-pp1mui) li:where(.svelte-pp1mui) a:where(.svelte-pp1mui):hover{background-color:#ffffff26}.logout-wrapper.svelte-pp1mui{padding:2rem;display:flex;justify-content:center;width:100%}}main.svelte-41r6ls{display:flex;justify-content:center;padding:20px;min-height:80vh;background-color:var(--app-bg);color:var(--text-main);font-family:Inter,system-ui,sans-serif}.dashboard-wrapper.svelte-41r6ls{display:flex;flex-direction:column;gap:20px;width:100%;max-width:1400px}.energy-grid.svelte-41r6ls{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:clamp(30px,4vw,60px);background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;padding:40px;border-radius:24px}.animations-layer.svelte-41r6ls{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden;border-radius:24px}.graph-container.svelte-41r6ls{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;padding:20px;border-radius:24px;display:flex;flex-direction:column}.grid-item.svelte-41r6ls{display:flex;justify-content:center;align-items:center;z-index:2}.grid-item.svelte-41r6ls>*{width:clamp(80px,12vw,160px);height:auto;transition:width .3s ease;display:flex;justify-content:center;align-items:center}.grid-item.svelte-41r6ls .value-text{color:var(--text-main)!important;text-shadow:none!important;font-weight:800!important}.item-battery.svelte-41r6ls{grid-column:1;grid-row:1}.item-solar.svelte-41r6ls{grid-column:2;grid-row:1}.item-home.svelte-41r6ls{grid-column:1 / -1;grid-row:2;justify-self:center}.item-socket.svelte-41r6ls{grid-column:1;grid-row:3}.item-mains.svelte-41r6ls{grid-column:2;grid-row:3}.energy-ball.svelte-41r6ls{position:absolute;width:10px;height:10px;background-color:#4ade80;border-radius:50%;box-shadow:0 1px 3px #0000004d;pointer-events:none;z-index:1;opacity:0;transform:translate(-50%,-50%);animation:svelte-41r6ls-flow 2s infinite linear;transition:none}.solar-color.svelte-41r6ls{background-color:#facc15;box-shadow:0 1px 3px #0000004d}@keyframes svelte-41r6ls-flow{0%{opacity:0;transform:translate(-50%,-50%)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate(calc(var(--dx) - 50%),calc(var(--dy) - 50%))}}@media (min-width: 900px){.dashboard-wrapper.svelte-41r6ls{flex-direction:row;align-items:stretch}.energy-grid.svelte-41r6ls,.graph-container.svelte-41r6ls{flex:1;width:0;min-width:0}.energy-grid.svelte-41r6ls{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr}.item-battery.svelte-41r6ls{grid-column:1;grid-row:1}.item-solar.svelte-41r6ls{grid-column:3;grid-row:1}.item-home.svelte-41r6ls{grid-column:2;grid-row:2}.item-socket.svelte-41r6ls{grid-column:1;grid-row:3}.item-mains.svelte-41r6ls{grid-column:3;grid-row:3}}.svelte-mvcb7{margin:0;padding:0;box-sizing:border-box}header.svelte-mvcb7{background-color:var(--header-bg);width:100%;padding:1rem 0;position:sticky;top:0;left:0;z-index:5000;box-shadow:0 4px 6px #0000001a}.container.svelte-mvcb7{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 1rem}h1.svelte-mvcb7{font-size:1.8rem;font-weight:700;color:#fff}nav.svelte-mvcb7 ul:where(.svelte-mvcb7){display:flex;gap:1.5rem;list-style:none}nav.svelte-mvcb7 ul:where(.svelte-mvcb7) li:where(.svelte-mvcb7) a:where(.svelte-mvcb7){text-decoration:none;color:#fff;font-size:1rem;font-weight:500;padding:.5rem 1rem;border-radius:5px;transition:background-color .3s ease,transform .2s ease}nav.svelte-mvcb7 ul:where(.svelte-mvcb7) li:where(.svelte-mvcb7) a:where(.svelte-mvcb7):hover{background-color:#fff3;transform:scale(1.05)}.menu-toggle.svelte-mvcb7{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}@media (max-width: 768px){.container.svelte-mvcb7{flex-direction:column;text-align:center}nav.svelte-mvcb7{display:none;width:100%}nav.is-open.svelte-mvcb7{display:flex;flex-direction:column}nav.svelte-mvcb7 ul:where(.svelte-mvcb7){flex-direction:column;gap:.75rem;margin-top:.5rem}.menu-toggle.svelte-mvcb7{display:block}}.modal-overlay.svelte-1hqkjnq{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.modal.svelte-1hqkjnq{background:gray;padding:2em;border-radius:10px;width:22em;box-shadow:0 4px 20px #00000040}form.svelte-1hqkjnq{display:flex;flex-direction:column;gap:10px}.close-button.svelte-1hqkjnq{margin-top:1em;border:none;padding:.4em 1em;border-radius:5px;cursor:pointer}.close-button.svelte-1hqkjnq:hover{background-color:#bbb}.footer.svelte-1ovaple{padding:2rem 1rem;font-size:.9rem;color:var(--text-muted);border-top:1px solid var(--border-color);background-color:var(--app-bg);text-align:center;margin-top:auto}.layout.svelte-p41vl9{display:flex;flex-direction:column;min-height:100vh;background-color:var(--app-bg);color:var(--text-main);font-family:Inter,system-ui,sans-serif}.content-wrapper.svelte-p41vl9{flex-grow:1;display:flex;justify-content:center;align-items:center;padding:2rem}.container.svelte-p41vl9{display:flex;gap:3rem;flex-wrap:wrap;justify-content:center;width:100%;max-width:1000px}.card.svelte-p41vl9{background-color:var(--card-bg);padding:2.5rem;border-radius:24px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;border:1px solid var(--border-color);display:flex;flex-direction:column;justify-content:space-between;flex:1;min-width:300px;max-width:450px;min-height:400px}.welcome-card.svelte-p41vl9{background:linear-gradient(145deg,#fff,#f9fafb)}h1.svelte-p41vl9{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;line-height:1;color:var(--text-main)}.dot.svelte-p41vl9{color:#c04000}.subtitle.svelte-p41vl9{color:var(--text-muted);font-size:1.1rem;line-height:1.6;margin-top:1rem}.request-button.svelte-p41vl9{background-color:transparent;color:var(--text-main);padding:1rem;border:2px solid #d1d5db;font-size:1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:center;margin-top:auto}.request-button.svelte-p41vl9:hover{border-color:#c04000;color:#c04000;background-color:#c040000d}.login-card.svelte-p41vl9 h2:where(.svelte-p41vl9){font-size:1.8rem;margin-bottom:2rem;text-align:center;color:var(--text-main)}.login-form.svelte-p41vl9{display:flex;flex-direction:column;gap:1.5rem}.input-group.svelte-p41vl9{display:flex;flex-direction:column;gap:.5rem}label.svelte-p41vl9{font-size:.85rem;color:var(--text-muted);font-weight:600}input[type=text].svelte-p41vl9,input[type=password].svelte-p41vl9{background-color:#f3f4f6;border:1px solid var(--border-color);padding:.8rem 1rem;border-radius:12px;color:var(--text-main);font-size:1rem;transition:border-color .2s,background-color .2s}input.svelte-p41vl9:focus{outline:none;border-color:#c04000;background-color:#fff;box-shadow:0 0 0 3px #c040001a}.show-password.svelte-p41vl9{flex-direction:row;align-items:center;gap:.5rem;cursor:pointer;color:var(--text-muted)}.login-button.svelte-p41vl9{background-color:#c04000;color:var(--btn-text);border:none;border-radius:12px;padding:1rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s,transform .1s;margin-top:1rem;box-shadow:0 4px 6px #c0400033}.login-button.svelte-p41vl9:hover{background-color:#a03600;transform:translateY(-1px)}.login-button.svelte-p41vl9:active{transform:translateY(0)}@media (max-width: 768px){.container.svelte-p41vl9{flex-direction:column;align-items:center;gap:1.5rem}.card.svelte-p41vl9{min-height:auto;width:100%}.welcome-card.svelte-p41vl9{text-align:center}}.page-layout.svelte-ppm8va{display:flex;flex-direction:column;min-height:100vh;background-color:var(--app-bg);color:var(--text-main);font-family:Inter,system-ui,sans-serif}.main-content.svelte-ppm8va{flex:1}.container.svelte-ppm8va{max-width:1200px;margin:0 auto;padding:0 1.5rem}.hero.svelte-ppm8va{text-align:center;padding:6rem 1.5rem;background-color:var(--app-bg)}.pill.svelte-ppm8va{background-color:#c0400026;color:#c04000;font-size:.8rem;font-weight:700;padding:.4rem .8rem;border-radius:50px;text-transform:uppercase;letter-spacing:1px;margin-bottom:1.5rem;display:inline-block;border:1px solid rgba(192,64,0,.3)}.hero.svelte-ppm8va h1:where(.svelte-ppm8va){font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1rem;letter-spacing:-1px;color:var(--text-main)}.highlight.svelte-ppm8va{color:#c04000}.hero-subtext.svelte-ppm8va{font-size:1.2rem;color:var(--text-muted);max-width:600px;margin:0 auto 2.5rem;line-height:1.6;font-weight:500}.hero-buttons.svelte-ppm8va{display:flex;gap:1rem;justify-content:center}.btn.svelte-ppm8va{text-decoration:none;padding:.8rem 1.5rem;border-radius:12px;font-weight:600;transition:transform .2s,background-color .2s;font-size:1rem}.btn-primary.svelte-ppm8va{background-color:#c04000;color:var(--btn-text);border:2px solid #C04000}.btn-primary.svelte-ppm8va:hover{background-color:#a03600;border-color:#a03600;transform:translateY(-2px)}.btn-secondary.svelte-ppm8va{background-color:transparent;color:var(--text-main);border:2px solid var(--border-color)}.btn-secondary.svelte-ppm8va:hover{border-color:#c04000;color:#c04000;transform:translateY(-2px)}.features.svelte-ppm8va{padding:4rem 0}.features.svelte-ppm8va h2:where(.svelte-ppm8va){text-align:center;font-size:2rem;margin-bottom:3rem;color:var(--text-main)}.features-grid.svelte-ppm8va{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature-card.svelte-ppm8va{background-color:var(--card-bg);padding:2rem;border-radius:24px;border:1px solid var(--border-color);transition:transform .3s ease,border-color .3s ease;box-shadow:0 4px 15px #0000001a}.feature-card.svelte-ppm8va:hover{transform:translateY(-5px);border-color:#c04000}.icon.svelte-ppm8va{font-size:2.5rem;margin-bottom:1rem}.feature-card.svelte-ppm8va h3:where(.svelte-ppm8va){font-size:1.25rem;margin-bottom:.5rem;color:var(--text-main)}.feature-card.svelte-ppm8va p:where(.svelte-ppm8va){color:var(--text-muted);line-height:1.5;font-size:.95rem}.cta-section.svelte-ppm8va{padding:4rem 1.5rem;display:flex;justify-content:center}.cta-card.svelte-ppm8va{background-color:var(--card-bg);width:100%;max-width:900px;border-radius:30px;padding:4rem;text-align:center;border:1px solid var(--border-color);box-shadow:0 20px 50px #00000026}.cta-card.svelte-ppm8va h2:where(.svelte-ppm8va){font-size:2rem;margin-bottom:.5rem;color:var(--text-main)}.cta-card.svelte-ppm8va p:where(.svelte-ppm8va){color:var(--text-muted);margin-bottom:2rem}.large.svelte-ppm8va{padding:1rem 2.5rem;font-size:1.1rem}@media (max-width: 768px){.hero.svelte-ppm8va h1:where(.svelte-ppm8va){font-size:2.5rem}.hero-buttons.svelte-ppm8va{flex-direction:column}.btn.svelte-ppm8va{width:100%;text-align:center}.cta-card.svelte-ppm8va{padding:2rem}}.page-layout.svelte-itmmyb{display:flex;flex-direction:column;min-height:100vh;background-color:var(--app-bg);color:var(--text-main);font-family:Inter,system-ui,sans-serif}.main-content.svelte-itmmyb{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.hero.svelte-itmmyb{text-align:center;padding:5rem 1rem 3rem;background:radial-gradient(circle at center,rgba(255,255,255,.8) 0%,transparent 70%)}.pill.svelte-itmmyb{background-color:#c040001a;color:#c04000;font-size:.8rem;font-weight:700;padding:.4rem .8rem;border-radius:50px;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;display:inline-block;border:1px solid rgba(192,64,0,.2)}.hero.svelte-itmmyb h1:where(.svelte-itmmyb){font-size:3rem;font-weight:800;margin-bottom:1rem;line-height:1.1;color:var(--text-main)}.highlight.svelte-itmmyb{color:#c04000}.hero-subtext.svelte-itmmyb{font-size:1.1rem;color:var(--text-muted);max-width:650px;margin:0 auto;line-height:1.6}.info-grid.svelte-itmmyb{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:3rem 0}.card.svelte-itmmyb{background-color:var(--card-bg);padding:2.5rem;border-radius:24px;border:1px solid var(--border-color);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;transition:transform .3s ease,border-color .3s ease}.card.svelte-itmmyb:hover{transform:translateY(-5px);border-color:#c04000}.card-header.svelte-itmmyb{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.icon.svelte-itmmyb{font-size:2rem}.card.svelte-itmmyb h2:where(.svelte-itmmyb){font-size:1.5rem;margin:0;color:var(--text-main)}.card.svelte-itmmyb p:where(.svelte-itmmyb){color:var(--text-muted);line-height:1.6;margin-bottom:1rem;font-size:1rem}strong.svelte-itmmyb{color:#c04000}.gallery-section.svelte-itmmyb{margin:5rem 0}.section-header.svelte-itmmyb{text-align:center;margin-bottom:3rem}.section-header.svelte-itmmyb h2:where(.svelte-itmmyb){font-size:2rem;margin-bottom:.5rem;color:var(--text-main)}.section-header.svelte-itmmyb p:where(.svelte-itmmyb){color:var(--text-muted)}.gallery-grid.svelte-itmmyb{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.image-card.svelte-itmmyb{display:flex;flex-direction:column;gap:1rem}.browser-mockup.svelte-itmmyb{border-radius:12px;overflow:hidden;box-shadow:0 20px 40px #00000026;border:1px solid var(--border-color);transition:transform .3s ease;background-color:var(--card-bg)}.browser-mockup.svelte-itmmyb:hover{transform:scale(1.02);border-color:#c04000}img.svelte-itmmyb{width:100%;height:auto;display:block}.caption.svelte-itmmyb{display:flex;flex-direction:column;text-align:center}.caption.svelte-itmmyb strong:where(.svelte-itmmyb){color:var(--text-main);font-size:1.1rem}.caption.svelte-itmmyb span:where(.svelte-itmmyb){color:var(--text-muted);font-size:.9rem}@media (max-width: 768px){.hero.svelte-itmmyb h1:where(.svelte-itmmyb){font-size:2.2rem}.info-grid.svelte-itmmyb{grid-template-columns:1fr}.gallery-grid.svelte-itmmyb{grid-template-columns:1fr;gap:3rem}}.admin-header.svelte-eqorw{background-color:#4a4a4a;width:100%;padding:1rem 0;position:sticky;top:0;left:0;z-index:5000;box-shadow:0 4px 6px #0000001a;color:#fff}.container.svelte-eqorw{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 1rem}h1.svelte-eqorw{font-size:1.8rem;font-weight:700}nav.svelte-eqorw ul:where(.svelte-eqorw){display:flex;gap:1.5rem;list-style:none;padding:0;margin:0}nav.svelte-eqorw ul:where(.svelte-eqorw) li:where(.svelte-eqorw){display:flex;align-items:center}nav.svelte-eqorw ul:where(.svelte-eqorw) li:where(.svelte-eqorw) a:where(.svelte-eqorw){text-decoration:none;color:#fff;font-size:1rem;font-weight:500;padding:.5rem 1rem;border-radius:5px;transition:background-color .3s ease;border:2px solid transparent}nav.svelte-eqorw ul:where(.svelte-eqorw) li:where(.svelte-eqorw) a:where(.svelte-eqorw):hover{background-color:#fff3}nav.svelte-eqorw ul:where(.svelte-eqorw) li:where(.svelte-eqorw) a.active:where(.svelte-eqorw){border-color:#fff;background-color:#ffffff1a}.view-container.svelte-380vgs{max-width:500px;margin:0 auto;padding:2rem;background-color:#f9f9f9;border-radius:8px;box-shadow:0 0 8px #0000001a}h2.svelte-380vgs{text-align:center;margin-bottom:1.5rem;color:#333}.form-group.svelte-380vgs{display:flex;flex-direction:column;gap:1rem}input.svelte-380vgs{padding:.75rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}input.svelte-380vgs:focus{border-color:#c04000;outline:none}button.svelte-380vgs{padding:.75rem;background-color:#c04000;color:#fff;border:none;border-radius:4px;font-weight:700;cursor:pointer;transition:background .3s ease;margin-top:1rem}button.svelte-380vgs:disabled{background-color:#ccc;cursor:not-allowed}button.svelte-380vgs:not(:disabled):hover{background-color:#a03800}.error.svelte-380vgs{color:#c00000;margin-bottom:1rem;text-align:center;background-color:#fdd;padding:.5rem;border-radius:4px}.success.svelte-380vgs{color:green;margin-bottom:1rem;text-align:center;background-color:#dfd;padding:.5rem;border-radius:4px}.view-container.svelte-1716c7m{background-color:gray;box-shadow:0 10px 20px #0003;padding:1.5rem;border-radius:20px}h2.svelte-1716c7m,h3.svelte-1716c7m{text-align:center;margin-bottom:1.5rem;color:#333}h3.svelte-1716c7m{margin-bottom:1rem}.settings-layout.svelte-1716c7m{display:flex;gap:2rem;flex-wrap:wrap}.user-list-column.svelte-1716c7m{flex:1;min-width:250px;border-right:1px solid #eee;padding-right:2rem}.settings-editor-column.svelte-1716c7m{flex:2;min-width:350px}.user-list.svelte-1716c7m{list-style:none;padding:0;margin:0;max-height:60vh;overflow-y:auto}.user-list.svelte-1716c7m li:where(.svelte-1716c7m) button:where(.svelte-1716c7m){display:block;width:100%;padding:.75rem 1rem;margin-bottom:.5rem;text-align:left;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.user-list.svelte-1716c7m li:where(.svelte-1716c7m) button:where(.svelte-1716c7m):hover{background-color:#585858}.user-list.svelte-1716c7m li:where(.svelte-1716c7m) button.selected:where(.svelte-1716c7m){background-color:#c04000;color:#fff;border-color:#a03800;font-weight:700}.settings-editor-column.svelte-1716c7m .placeholder:where(.svelte-1716c7m){color:#777;font-style:italic;text-align:center;margin-top:3rem}.settings-editor-column.svelte-1716c7m .form-group:where(.svelte-1716c7m){display:flex;flex-direction:column;gap:1.5rem}.settings-editor-column.svelte-1716c7m label:where(.svelte-1716c7m){display:flex;align-items:center;gap:.75rem;font-weight:500}.settings-editor-column.svelte-1716c7m input[type=checkbox]:where(.svelte-1716c7m){width:auto;height:1.1rem;width:1.1rem;cursor:pointer}.settings-editor-column.svelte-1716c7m select:where(.svelte-1716c7m){padding:.5rem;border:1px solid #ccc;border-radius:4px;flex-grow:1}.settings-editor-column.svelte-1716c7m button:where(.svelte-1716c7m){padding:.75rem;background-color:#c04000;color:#fff;border:none;border-radius:4px;font-weight:700;cursor:pointer;transition:background .3s ease;margin-top:1rem;align-self:flex-start}.settings-editor-column.svelte-1716c7m button:where(.svelte-1716c7m):disabled{background-color:#ccc;cursor:not-allowed}.settings-editor-column.svelte-1716c7m button:where(.svelte-1716c7m):not(:disabled):hover{background-color:#a03800}.error.svelte-1716c7m{color:#c00000;margin-bottom:1rem;background-color:#fdd;padding:.5rem;border-radius:4px;border:1px solid #fbb}.success.svelte-1716c7m{color:green;margin-bottom:1rem;background-color:#dfd;padding:.5rem;border-radius:4px;border:1px solid #bfb}.user-details.svelte-1716c7m{font-size:.9em;color:#555;margin-bottom:.5rem}.user-details.svelte-1716c7m strong:where(.svelte-1716c7m){color:#333}@media (max-width: 768px){.settings-layout.svelte-1716c7m{flex-direction:column}.user-list-column.svelte-1716c7m{border-right:none;border-bottom:1px solid #eee;padding-right:0;margin-bottom:2rem;padding-bottom:2rem;max-height:40vh}.settings-editor-column.svelte-1716c7m{min-width:initial}}.modal-overlay.svelte-1qbadha{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content.svelte-1qbadha{background-color:#f0f0f0;padding:2.5rem;border-radius:15px;box-shadow:0 10px 30px #0006;position:relative;width:90%;max-width:1000px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.close-button.svelte-1qbadha{position:absolute;top:15px;right:15px;background:none;border:none;font-size:2rem;cursor:pointer;color:#888;padding:0;line-height:1;transition:color .2s ease}.close-button.svelte-1qbadha:hover{color:#333}h2.svelte-1qbadha{margin-top:0;text-align:center;color:#333;margin-bottom:2rem;border-bottom:2px solid #C04000;padding-bottom:1rem}h3.svelte-1qbadha{text-align:center;color:#555;margin-bottom:1rem;margin-top:1.5rem}.rule-management-layout.svelte-1qbadha{display:flex;gap:2rem;flex-wrap:wrap}.rule-list-column.svelte-1qbadha{flex:1;min-width:300px;border-right:1px solid #ddd;padding-right:2rem}.button-new-rule.svelte-1qbadha{display:block;width:100%;padding:.8rem;margin-bottom:1.5rem;background-color:#28a745;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:background-color .2s ease}.button-new-rule.svelte-1qbadha:hover{background-color:#218838}.rules-list.svelte-1qbadha{list-style:none;padding:0;margin:0;max-height:400px;overflow-y:auto;border:1px solid #ddd;border-radius:8px;background-color:#fff}.rule-item.svelte-1qbadha{display:flex;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #eee;gap:.5rem}.rules-list.svelte-1qbadha li:where(.svelte-1qbadha):last-child{border-bottom:none}.rule-item.svelte-1qbadha button:where(.svelte-1qbadha):first-child{flex-grow:1;display:flex;flex-direction:column;align-items:flex-start;background:none;border:none;text-align:left;padding:0;cursor:pointer;transition:background-color .2s ease;margin:0;color:#333}.rule-item.svelte-1qbadha button:where(.svelte-1qbadha):first-child:hover{background-color:#e9e9e9}.rule-item.svelte-1qbadha button:first-child.selected:where(.svelte-1qbadha){background-color:#c04000;color:#fff;font-weight:700}.rule-name-display.svelte-1qbadha{font-size:1em;font-weight:700;margin-bottom:.25rem}.rule-thresholds.svelte-1qbadha{font-size:.85em;color:#666}.rule-item.svelte-1qbadha button.selected:where(.svelte-1qbadha) .rule-thresholds:where(.svelte-1qbadha){color:#fff}.rule-status-indicator.svelte-1qbadha{font-size:.75em;padding:.2em .5em;border-radius:3px;margin-left:auto;font-weight:700;background-color:#f0f0f0;color:#555}.rule-status-indicator.enabled.svelte-1qbadha{background-color:#d4edda;color:#155724}.delete-rule-button.svelte-1qbadha{background-color:#dc3545;color:#fff;border:none;border-radius:4px;padding:.5rem .75rem;cursor:pointer;transition:background .2s ease;font-size:1.1em;line-height:1}.delete-rule-button.svelte-1qbadha:hover{background-color:#c82333}.delete-rule-button.svelte-1qbadha:disabled{background-color:#ccc;cursor:not-allowed}.rule-form-column.svelte-1qbadha{flex:2;min-width:400px;padding-left:2rem}.placeholder.svelte-1qbadha{color:#777;font-style:italic;text-align:center;margin-top:3rem}.rule-form-content.svelte-1qbadha{display:flex;flex-direction:column;gap:1rem;padding-top:1rem;border-top:1px solid #ddd}.form-group.svelte-1qbadha{display:flex;flex-direction:column}.form-group.svelte-1qbadha label:where(.svelte-1qbadha){margin-bottom:.5rem;font-weight:700;color:#555;display:block}.form-group.svelte-1qbadha input[type=text]:where(.svelte-1qbadha),.form-group.svelte-1qbadha input[type=number]:where(.svelte-1qbadha),.form-group.svelte-1qbadha textarea:where(.svelte-1qbadha){padding:.75rem;border:1px solid #ccc;border-radius:8px;font-size:1rem;width:100%;box-sizing:border-box}.form-group.svelte-1qbadha textarea:where(.svelte-1qbadha){min-height:80px;resize:vertical}.form-group.checkbox-group.svelte-1qbadha{flex-direction:row;align-items:center;gap:.75rem}.form-group.checkbox-group.svelte-1qbadha label:where(.svelte-1qbadha){margin-bottom:0}.form-group.checkbox-group.svelte-1qbadha input[type=checkbox]:where(.svelte-1qbadha){width:auto;height:1.2em;width:1.2em;margin-right:.5rem;cursor:pointer}.button-save.svelte-1qbadha{padding:1rem;background-color:#007bff;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:background .2s ease;margin-top:1.5rem}.button-save.svelte-1qbadha:hover{background-color:#0056b3}.button-save.svelte-1qbadha:disabled{background-color:#ccc;cursor:not-allowed}.error.svelte-1qbadha{color:#c00000;margin-bottom:1rem;background-color:#fdd;padding:.5rem;border-radius:4px;border:1px solid #fbb}.success.svelte-1qbadha{color:green;margin-bottom:1rem;background-color:#dfd;padding:.5rem;border-radius:4px;border:1px solid #bfb}.compact-message.svelte-1qbadha{font-size:.85em;padding:.25rem .5rem;margin-bottom:.5rem}@media (max-width: 768px){.modal-content.svelte-1qbadha{padding:1.5rem;width:95%;max-height:95vh}.rule-management-layout.svelte-1qbadha{flex-direction:column;gap:1.5rem}.rule-list-column.svelte-1qbadha,.rule-form-column.svelte-1qbadha{min-width:initial;max-width:100%;border-right:none;padding-right:0;border-bottom:1px solid #eee;padding-bottom:1.5rem}.rule-form-column.svelte-1qbadha{padding-left:0;border-bottom:none}.rule-item.svelte-1qbadha{flex-wrap:wrap;justify-content:flex-start;gap:.75rem}.rule-item.svelte-1qbadha button:where(.svelte-1qbadha):first-child{width:100%;align-items:center}.rule-status-indicator.svelte-1qbadha{margin-left:0;width:fit-content}.delete-rule-button.svelte-1qbadha{margin-left:auto}}.view-container.svelte-4ybffa{background-color:gray;box-shadow:0 10px 20px #0003;padding:1.5rem;border-radius:20px}h2.svelte-4ybffa,h3.svelte-4ybffa,h4.svelte-4ybffa{text-align:center;margin-bottom:1.5rem;color:#333}h3.svelte-4ybffa{margin-bottom:1rem}h4.svelte-4ybffa{margin-top:2rem;margin-bottom:1rem;color:#444;border-bottom:1px solid #eee;padding-bottom:.5rem}.relais-layout.svelte-4ybffa{display:flex;gap:2rem;flex-wrap:wrap}.user-list-column.svelte-4ybffa{flex:1;min-width:250px;border-right:1px solid #eee;padding-right:2rem}.user-list.svelte-4ybffa{list-style:none;padding:0;margin:0;max-height:60vh;overflow-y:auto}.user-list.svelte-4ybffa li:where(.svelte-4ybffa) button:where(.svelte-4ybffa){display:block;width:100%;padding:.75rem 1rem;margin-bottom:.5rem;text-align:left;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.user-list.svelte-4ybffa li:where(.svelte-4ybffa) button.selected:where(.svelte-4ybffa){color:#fff;font-weight:700}.devices-and-editor-column.svelte-4ybffa{flex:2;min-width:350px}.devices-and-editor-column.svelte-4ybffa .placeholder:where(.svelte-4ybffa){font-style:italic;text-align:center;margin-top:3rem}.form-group.svelte-4ybffa{display:flex;flex-direction:column;gap:1.5rem}label.svelte-4ybffa{display:flex;align-items:center;gap:.75rem;font-weight:500}input[type=checkbox].svelte-4ybffa{width:auto;height:1.1rem;width:1.1rem;cursor:pointer}input[type=text].svelte-4ybffa,input[type=number].svelte-4ybffa{padding:.5rem;border:1px solid #ccc;border-radius:4px;flex-grow:1;width:auto}button.svelte-4ybffa{padding:.75rem;color:#fff;border:none;border-radius:4px;font-weight:700;cursor:pointer;transition:background .3s ease;margin-top:.5rem;align-self:flex-start}button.svelte-4ybffa:disabled{cursor:not-allowed}button.svelte-4ybffa:not(:disabled):hover{background-color:#a03800}.error.svelte-4ybffa{color:#c00000;margin-bottom:1rem;background-color:#fdd;padding:.5rem;border-radius:4px;border:1px solid #fbb}.success.svelte-4ybffa{color:green;margin-bottom:1rem;background-color:#dfd;padding:.5rem;border-radius:4px;border:1px solid #bfb}.compact-message.svelte-4ybffa{font-size:.85em;padding:.25rem .5rem;margin-bottom:.5rem}.user-details.svelte-4ybffa{font-size:.9em;color:#555;margin-bottom:.5rem}.user-details.svelte-4ybffa strong:where(.svelte-4ybffa){color:#333}.create-device-section.svelte-4ybffa{padding:1.5rem;border-radius:8px;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a}.create-device-section.svelte-4ybffa h4:where(.svelte-4ybffa){margin-top:0}.existing-devices-list.svelte-4ybffa{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;padding:.5rem}.device-item.svelte-4ybffa{display:flex;align-items:center;gap:.5rem;padding:.5rem}.device-item.svelte-4ybffa:last-child{border-bottom:none}.device-item.svelte-4ybffa button:where(.svelte-4ybffa){flex-grow:1;background:none;border:none;text-align:left;padding:.5rem;cursor:pointer;box-shadow:0 2px 8px #0000001a;transition:background-color .2s ease;margin-top:0;font-weight:500;overflow-wrap:break-word;background-color:#a03800}.device-item.svelte-4ybffa button:where(.svelte-4ybffa):hover{background-color:#fa8039}.device-item.svelte-4ybffa button.selected:where(.svelte-4ybffa){color:#fff;font-weight:700}.status-indicator.svelte-4ybffa{font-size:.75em;padding:.2em .5em;border-radius:3px;margin-left:.5em}.status-indicator.enabled.svelte-4ybffa,.status-indicator.disabled.svelte-4ybffa{color:#fff}.delete-device-button.svelte-4ybffa{color:#fff;padding:.5rem 1rem;font-size:.8em;margin-top:0;white-space:nowrap}.device-details-and-relays-section.svelte-4ybffa{margin-top:2rem;padding-top:2rem}.edit-device-form.svelte-4ybffa{border:1px;padding:1.5rem;border-radius:8px;margin-bottom:2rem}.existing-relays-list.svelte-4ybffa{display:flex;flex-direction:column;gap:1.5rem;padding:1rem;border-radius:8px}.relay-item.svelte-4ybffa{padding:1rem;border-radius:8px;box-shadow:0 2px 5px #0000000d}.relay-fields.svelte-4ybffa{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.relay-fields.svelte-4ybffa label:where(.svelte-4ybffa){align-items:center}.relay-id.svelte-4ybffa{font-weight:700;color:#555;margin-right:.5rem}.relay-actions.svelte-4ybffa{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem;border-top:1px dashed #eee;padding-top:1rem}.relay-actions.svelte-4ybffa button:where(.svelte-4ybffa){margin-top:0;flex:1;min-width:100px}.update-button.svelte-4ybffa{background-color:#17a2b8}.update-button.svelte-4ybffa:hover:not(:disabled){background-color:#138496}.delete-button.svelte-4ybffa{background-color:#dc3545}.delete-button.svelte-4ybffa:hover:not(:disabled){background-color:#c82333}@media (max-width: 768px){.relais-layout.svelte-4ybffa{flex-direction:column}.user-list-column.svelte-4ybffa{border-right:none;border-bottom:1px solid #eee;padding-right:0;margin-bottom:2rem;padding-bottom:2rem;max-height:40vh}.devices-and-editor-column.svelte-4ybffa{min-width:initial}.relay-fields.svelte-4ybffa label:where(.svelte-4ybffa){flex-direction:column;align-items:flex-start;gap:.25rem}.relay-fields.svelte-4ybffa input[type=text]:where(.svelte-4ybffa),.relay-fields.svelte-4ybffa input[type=number]:where(.svelte-4ybffa){width:100%}.relay-actions.svelte-4ybffa button:where(.svelte-4ybffa){width:100%;min-width:initial}}.admin-layout.svelte-xmi2f5{display:flex;flex-direction:column;min-height:100vh;background-color:var(--app-bg);color:var(--text-main);font-family:Inter,system-ui,sans-serif}.admin-content.svelte-xmi2f5{flex:1;padding:2rem;max-width:1400px;margin:0 auto;width:100%}.center-message.svelte-xmi2f5{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;gap:1rem}.center-message.svelte-xmi2f5 p:where(.svelte-xmi2f5){color:var(--text-muted);font-size:1.1rem}.error-state.svelte-xmi2f5 h2:where(.svelte-xmi2f5){color:#dc2626;font-size:2rem;margin:0}.back-link.svelte-xmi2f5{margin-top:1rem;color:var(--header-bg);text-decoration:none;font-weight:600;border-bottom:2px solid transparent;transition:border-color .2s}.back-link.svelte-xmi2f5:hover{border-color:var(--header-bg)}.spinner.svelte-xmi2f5{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-left-color:var(--header-bg);border-radius:50%;animation:svelte-xmi2f5-spin 1s linear infinite}@keyframes svelte-xmi2f5-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.admin-content.svelte-xmi2f5{padding:1rem}}main.svelte-obxfg8{background-color:var(--app-bg);color:var(--text-main);min-height:100vh;font-family:Inter,system-ui,sans-serif}.chart-page-container.svelte-obxfg8{padding:1.5rem;max-width:1400px;margin:0 auto}.chart-container.svelte-obxfg8{display:flex;flex-direction:column;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;padding:1.5rem;margin:1rem auto;width:100%;max-width:100%}.option-bar.svelte-obxfg8{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;flex-direction:column;gap:1rem;border-bottom:1px solid var(--border-color);margin-bottom:1rem}.date-display.svelte-obxfg8{display:flex;align-items:center;gap:15px}.date-text.svelte-obxfg8{width:160px;text-align:center;font-weight:700;font-size:1.1rem;color:var(--text-main)}button.svelte-obxfg8{background-color:transparent;color:var(--text-muted);border:1px solid var(--border-color);padding:.6rem 1.2rem;border-radius:8px;cursor:pointer;font-weight:600;font-family:inherit;transition:all .2s ease}button.svelte-obxfg8:hover{border-color:var(--header-bg);color:var(--header-bg);background-color:#c040000d}.active.svelte-obxfg8{background-color:var(--header-bg);color:var(--btn-text);border-color:var(--header-bg)}.active.svelte-obxfg8:hover{background-color:#a03600;color:#fff}.interval-selection.svelte-obxfg8{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center}@media (min-width: 900px){.option-bar.svelte-obxfg8{flex-direction:row;padding:0 0 1.5rem}.interval-selection.svelte-obxfg8{justify-content:flex-end}.chart-container.svelte-obxfg8{padding:2.5rem}}.user-settings-page-container.svelte-11ohjqh{margin:2rem auto;padding:2rem;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;font-family:Inter,system-ui,sans-serif;max-width:1200px}h2.svelte-11ohjqh{text-align:center;color:var(--text-main);margin-bottom:2rem;font-weight:700;font-size:2rem}.loading-message.svelte-11ohjqh{text-align:center;padding:1rem;color:var(--text-muted);font-style:italic}.error-message.svelte-11ohjqh,.success-message.svelte-11ohjqh{text-align:center;padding:.75rem 1rem;margin-bottom:1.5rem;border-radius:12px;font-size:.95rem;font-weight:500}.error-message.svelte-11ohjqh{background-color:#fef2f2;color:#991b1b;border:1px solid #FCA5A5}.success-message.svelte-11ohjqh{background-color:#f0fdf4;color:#166534;border:1px solid #86EFAC}.settings-form.svelte-11ohjqh{display:flex;flex-direction:column;gap:1.5rem}.setting-item.svelte-11ohjqh{padding:1rem 1.25rem;border:1px solid var(--border-color);border-radius:12px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;transition:background-color .2s}.setting-item.svelte-11ohjqh:hover{background-color:#f9fafb}.tier-display.svelte-11ohjqh{font-size:1.05rem;display:block;color:var(--text-main)}.tier-display.svelte-11ohjqh strong:where(.svelte-11ohjqh){margin-right:.5rem;color:var(--text-main)}.tier-display.svelte-11ohjqh span:where(.svelte-11ohjqh){font-weight:700;color:var(--header-bg)}.setting-label-text.svelte-11ohjqh{font-size:1rem;color:var(--text-main);font-weight:500;margin-right:1rem;flex-grow:1}.setting-label-text.disabled-text.svelte-11ohjqh{color:var(--text-muted)}.switch.svelte-11ohjqh{position:relative;display:inline-block;width:50px;height:28px;flex-shrink:0}.switch.svelte-11ohjqh input:where(.svelte-11ohjqh){opacity:0;width:0;height:0}.slider.svelte-11ohjqh{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e5e7eb;transition:.4s}.slider.svelte-11ohjqh:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.4s;box-shadow:0 1px 3px #0003}input.svelte-11ohjqh:checked+.slider:where(.svelte-11ohjqh){background-color:var(--header-bg)}input.svelte-11ohjqh:focus+.slider:where(.svelte-11ohjqh){box-shadow:0 0 1px var(--header-bg)}input.svelte-11ohjqh:checked+.slider:where(.svelte-11ohjqh):before{transform:translate(22px)}.slider.round.svelte-11ohjqh{border-radius:28px}.slider.round.svelte-11ohjqh:before{border-radius:50%}input.svelte-11ohjqh:disabled+.slider:where(.svelte-11ohjqh){background-color:#f3f4f6;cursor:not-allowed}input.svelte-11ohjqh:disabled+.slider:where(.svelte-11ohjqh):before{background-color:#d1d5db}.tier-info-message.svelte-11ohjqh{font-size:.85rem;color:var(--text-muted);margin-top:.5rem;width:100%;text-align:left}.save-button.svelte-11ohjqh{padding:.75rem 1.5rem;background-color:var(--header-bg);color:var(--btn-text);border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;align-self:flex-start;margin-top:1rem;margin-left:1rem;margin-bottom:1rem;box-shadow:0 4px 6px #c0400033}.save-button.svelte-11ohjqh:hover:not(:disabled){background-color:#a03800;transform:translateY(-1px)}.save-button.svelte-11ohjqh:disabled{background-color:#d1d5db;cursor:not-allowed;box-shadow:none}.modbus-section-title.svelte-11ohjqh{text-align:center;margin-top:0;border-top:none;padding-top:0;font-size:1.8rem;color:var(--text-main);margin-bottom:2rem;font-weight:700}.info-message.svelte-11ohjqh{text-align:center;padding:1rem;color:var(--text-muted);font-style:italic}.modbus-devices-list.svelte-11ohjqh{display:flex;flex-direction:column;gap:2rem}.device-card.svelte-11ohjqh{border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;background-color:#f9fafb}.device-card.svelte-11ohjqh h3:where(.svelte-11ohjqh){text-align:left;margin-top:0;margin-bottom:1rem;color:var(--header-bg);font-size:1.3rem;border-bottom:1px dashed var(--border-color);padding-bottom:.5rem}.device-status.svelte-11ohjqh{font-size:.95rem;color:var(--text-muted);margin-bottom:1.5rem}.device-status.svelte-11ohjqh span:where(.svelte-11ohjqh){font-weight:700;margin-left:.5rem}.enabled-status.svelte-11ohjqh{color:#166534}.disabled-status.svelte-11ohjqh{color:#6b7280}.relays-grid.svelte-11ohjqh{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.relay-item.svelte-11ohjqh{border:1px solid var(--border-color);border-radius:12px;padding:1rem;display:flex;justify-content:space-between;align-items:center;background-color:#fff;box-shadow:0 1px 2px #0000000d}.relay-name.svelte-11ohjqh{font-weight:600;color:var(--text-main);flex-grow:1;margin-right:1rem}.relay-controls.svelte-11ohjqh{display:flex;align-items:center;gap:.75rem}.edit-relay-button.svelte-11ohjqh{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.edit-relay-button.svelte-11ohjqh:hover{background-color:#f3f4f6}.edit-relay-button.svelte-11ohjqh svg:where(.svelte-11ohjqh){color:var(--text-muted)}.edit-relay-button.svelte-11ohjqh:hover svg:where(.svelte-11ohjqh){color:var(--text-main)}.modal-overlay.svelte-11ohjqh{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content.svelte-11ohjqh{background-color:var(--card-bg);padding:2rem;border-radius:20px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:500px;position:relative;display:flex;flex-direction:column;gap:1.5rem;border:1px solid var(--border-color)}.modal-content.svelte-11ohjqh h3:where(.svelte-11ohjqh){text-align:center;margin-top:0;margin-bottom:1rem;color:var(--text-main);font-size:1.5rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.modal-form-group.svelte-11ohjqh{display:flex;flex-direction:column;gap:1rem}.modal-form-group.svelte-11ohjqh label:where(.svelte-11ohjqh){font-weight:600;color:var(--text-main);margin-bottom:.25rem}.modal-form-group.svelte-11ohjqh input[type=text]:where(.svelte-11ohjqh){padding:.8rem 1rem;background-color:#f9fafb;border:1px solid var(--border-color);border-radius:10px;font-size:1rem;width:100%;color:var(--text-main);transition:border-color .2s}.modal-form-group.svelte-11ohjqh input[type=text]:where(.svelte-11ohjqh):focus{outline:none;border-color:var(--header-bg);background-color:#fff}.modal-form-group.svelte-11ohjqh .switch:where(.svelte-11ohjqh){margin-top:.5rem;align-self:flex-start}.modal-actions.svelte-11ohjqh{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.modal-actions.svelte-11ohjqh button:where(.svelte-11ohjqh){padding:.75rem 1.5rem;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:0}.modal-actions.svelte-11ohjqh .save-button:where(.svelte-11ohjqh){background-color:var(--header-bg);color:#fff;margin:0}.modal-actions.svelte-11ohjqh .save-button:where(.svelte-11ohjqh):hover:not(:disabled){background-color:#a03800}.modal-actions.svelte-11ohjqh .cancel-button:where(.svelte-11ohjqh){background-color:transparent;color:var(--text-muted);border:1px solid var(--border-color)}.modal-actions.svelte-11ohjqh .cancel-button:where(.svelte-11ohjqh):hover:not(:disabled){background-color:#f3f4f6;color:var(--text-main)}.settings-and-modbus-layout.svelte-11ohjqh{display:flex;gap:2rem;flex-wrap:wrap}.settings-section-column.svelte-11ohjqh,.modbus-section-column.svelte-11ohjqh{flex:1;min-width:300px;padding:1.5rem}.settings-section-column.svelte-11ohjqh .settings-form:where(.svelte-11ohjqh),.modbus-section-column.svelte-11ohjqh .modbus-devices-list:where(.svelte-11ohjqh){margin-top:0}@media (max-width: 1380px){.relays-grid.svelte-11ohjqh{display:grid;gap:1rem;grid-template-columns:1fr}.modal-content.svelte-11ohjqh{padding:1.5rem}.modal-actions.svelte-11ohjqh{flex-direction:column;gap:.75rem}.modal-actions.svelte-11ohjqh button:where(.svelte-11ohjqh){width:100%}.settings-and-modbus-layout.svelte-11ohjqh{flex-direction:column}.settings-section-column.svelte-11ohjqh,.modbus-section-column.svelte-11ohjqh{min-width:initial;margin-bottom:1.5rem;padding:0}}:root{--app-bg: #F3F4F6;--card-bg: #FFFFFF;--header-bg: #C04000;--text-main: #1F2937;--text-muted: #6B7280;--border-color: #E5E7EB;--btn-text: #FFFFFF}body{margin:0;padding:0;box-sizing:border-box;background-color:var(--app-bg);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}*{box-sizing:border-box}main.svelte-1x813ej{width:100%;min-height:100vh;display:flex;flex-direction:column}