:root{--coral: #e0705a;--coral-deep: #c85a44;--coral-soft: #f3b5a8;--white: #ffffff;--teal: #2f5b57;--teal-ink: #24443f;--green: #5c8a4e;--cream: #fbf3ec;--cream-deep: #f3e5d8;--alarm: #c0392b;--amber: #b8712a;--muted: #7d726a;--line: #e8dccf;--s1: #e0705a;--s2: #4e7bc4;--s3: #b8712a;--s4: #8a5ca8;--s5: #00997f;font-family:Avenir Next,Segoe UI,system-ui,-apple-system,sans-serif;color:var(--teal-ink)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:var(--cream)}.header{background:var(--coral);color:var(--white);padding:0;box-shadow:0 2px 10px #2f5b572e}.cornice{height:10px;background:repeating-linear-gradient(90deg,var(--white) 0 14px,transparent 14px 22px);background-color:#ffffff59;border-bottom:3px solid var(--white)}.header-row{display:flex;align-items:center;gap:16px;padding:12px 22px 10px;flex-wrap:wrap}.header h1{font-size:1.25rem;margin:0;font-weight:700;letter-spacing:.4px}.header .subtitle{font-size:.8rem;opacity:.92}.header-spacer{flex:1}.nav{display:flex;gap:4px;flex-wrap:wrap}.nav button{background:transparent;border:none;color:var(--white);font:inherit;font-size:.9rem;padding:7px 14px;cursor:pointer;border-radius:999px 999px 0 0;opacity:.85}.nav button:hover{opacity:1;background:#ffffff1f}.nav button.active{background:var(--cream);color:var(--teal);opacity:1;font-weight:600}.lang-toggle{background:#ffffff29;border:1px solid rgba(255,255,255,.5);color:var(--white);border-radius:999px;padding:5px 12px;cursor:pointer;font:inherit;font-size:.8rem}.conn{font-size:.75rem;display:inline-flex;align-items:center;gap:6px}.conn .dot{width:9px;height:9px;border-radius:50%;display:inline-block}.conn .dot.ok{background:#9fe3b0}.conn .dot.bad{background:#ffd08a;animation:pulse 1.2s infinite}main{max-width:1240px;margin:0 auto;padding:20px 18px 60px}.card{background:var(--white);border-radius:16px;box-shadow:0 3px 14px #2f5b5717;padding:16px 18px;border:1px solid rgba(232,220,207,.7)}.card h2,.card h3{margin:0 0 8px;color:var(--teal)}.card h3{font-size:1rem}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:18px}.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.balustrade{height:16px;margin:26px 0;background:repeating-linear-gradient(90deg,var(--line) 0 6px,transparent 6px 26px) center / 100% 8px no-repeat,linear-gradient(var(--line),var(--line)) top / 100% 2px no-repeat,linear-gradient(var(--line),var(--line)) bottom / 100% 2px no-repeat}.stats{display:flex;gap:14px;flex-wrap:wrap}.stat{min-width:108px;flex:1}.stat .label{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.stat .value{font-size:1.45rem;font-weight:700;color:var(--teal);font-variant-numeric:tabular-nums}.stat .value small{font-size:.8rem;font-weight:500;color:var(--muted);margin-left:3px}.chip{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:2.5px 10px;font-size:.74rem;font-weight:600;border:1.5px solid transparent}.chip.ok{background:#eaf3e6;color:#33552a;border-color:#b9d3af}.chip.warn{background:#f9edda;color:#7a4a15;border-color:#e3c496}.chip.fault{background:#f9e3e0;color:#8e2318;border-color:#eab4ac}.chip.info{background:#e9eff4;color:#2f4858;border-color:#c3d4de}.chip.offline{background:#efece9;color:#6b625b;border-color:#d4ccc4}.device-card{position:relative;transition:opacity .3s}.device-card.offline{opacity:.62;background:#f6f1ec}.device-card .metrics{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px 14px;margin-top:10px}.device-card .m .k{font-size:.68rem;color:var(--muted)}.device-card .m .v{font-size:.95rem;font-weight:600;font-variant-numeric:tabular-nums}.device-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.device-head .serial{font-size:.7rem;color:var(--muted)}.last-seen{font-size:.72rem;color:var(--alarm);font-weight:600}.led{width:16px;height:16px;border-radius:50%;display:inline-block;border:2px solid var(--white);box-shadow:0 0 0 1.5px #2f5b5759}.led.gray{background:#b9b1a9}.led.green{background:#3d9950;animation:pulse 1.4s infinite}.led.amber{background:#e0a33c;animation:pulse 2s infinite}.led.red{background:var(--alarm);animation:pulse .7s infinite}@keyframes pulse{50%{filter:brightness(1.45)}}.soc-ring text{font-variant-numeric:tabular-nums}.diagram-wrap{overflow-x:auto;transition:background 1.2s}.tie-label{font-size:.78rem;fill:var(--teal);font-weight:600}.sky-day{background:linear-gradient(#e3f0f5 0%,#f5efe6 70%,var(--white) 100%)}.sky-dawn{background:linear-gradient(#f6e0c8 0%,#fbeede 60%,var(--white) 100%)}.sky-dusk{background:linear-gradient(#eec9b4 0%,#f3ded4 60%,var(--white) 100%)}.sky-night{background:linear-gradient(#2c3f52,#47586a 70%,#6c7686)}.sky-night .note,.sky-night .tie-label{color:#f3ead9;fill:#f3ead9}.sky-night text.tie-label{fill:#f3ead9}.ambient-card{border-left:5px solid var(--coral)}.indep-strip{display:flex;gap:12px;align-items:flex-start;background:var(--teal);color:#fdf6ee;border-radius:14px;padding:12px 18px;margin-top:16px;box-shadow:0 3px 14px #2f5b5729}.indep-strip p{margin:0;font-size:.92rem;line-height:1.55}.indep-strip .indep-flag{font-size:1.3rem;line-height:1;color:#f7c948;margin-top:2px}table.data{width:100%;border-collapse:collapse;font-size:.85rem}table.data th{text-align:left;color:var(--teal);border-bottom:2px solid var(--line);padding:6px 8px;font-size:.75rem;text-transform:uppercase;letter-spacing:.4px}table.data td{border-bottom:1px solid var(--line);padding:6px 8px;vertical-align:top}table.data td.num{font-variant-numeric:tabular-nums;text-align:right}.controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.controls label{font-size:.78rem;color:var(--muted);display:flex;gap:6px;align-items:center}select,input[type=number]{font:inherit;font-size:.85rem;padding:6px 10px;border-radius:10px;border:1.5px solid var(--line);background:var(--white);color:var(--teal-ink)}button.primary{font:inherit;font-size:.85rem;padding:7px 16px;border-radius:999px;border:none;background:var(--teal);color:var(--white);cursor:pointer;font-weight:600}button.primary:hover{background:var(--teal-ink)}.seg{display:inline-flex;border:1.5px solid var(--line);border-radius:999px;overflow:hidden;background:var(--white)}.seg button{font:inherit;font-size:.78rem;border:none;background:transparent;padding:6px 12px;cursor:pointer;color:var(--muted)}.seg button.active{background:var(--teal);color:var(--white);font-weight:600}.footer{margin-top:40px;padding:18px 6px 6px;border-top:2px solid var(--line);display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap}.footer img{height:74px;width:auto}.footer-text{display:flex;flex-direction:column;gap:2px}.footer-text b{color:var(--teal);font-size:.9rem}.footer-text span{color:var(--muted);font-size:.78rem}.note{font-size:.78rem;color:var(--muted)}.mono{font-family:ui-monospace,Menlo,monospace}.error-box{background:#f9e3e0;border:1px solid #eab4ac;color:#8e2318;border-radius:10px;padding:8px 12px;font-size:.85rem}