:root{--bg: #000000;--panel: rgba(245, 248, 252, .06);--panel-solid: #14161a;--border: rgba(180, 200, 220, .35);--text: #ffffff;--text-dim: #ddeeff;--accent: #0053a5;--accent-light: #5ab0ff;--ok: #36b37e;--warn: #ffab00;--hot: #ff5630}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:Chakra Petch,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.app-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background-size:cover;background-position:center;transition:opacity 1.2s ease}.app-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0009,#000000bf)}.app{min-height:100%;display:flex;flex-direction:column}.main{flex:1;width:100%;padding:10px;display:flex;flex-direction:column;min-height:0}.card{background:var(--panel);border:1px solid var(--border);border-radius:0;padding:18px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-shadow:0 1px 4px rgba(0,0,0,.6),0 0 14px rgba(0,0,0,.3)}.card h2{margin:0 0 14px;font-size:15px;text-transform:uppercase;letter-spacing:1.5px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:10px}.card h2 .fa-solid,.card h2 .fa-regular{color:var(--accent-light)}.weather-map{width:100%}.map-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.map-tabs button,.map-tabs .map-link{display:inline-flex;align-items:center;gap:7px;background:#ffffff0f;color:var(--text-dim);border:1px solid var(--border);border-radius:8px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.map-tabs button:hover,.map-tabs .map-link:hover{color:var(--text);background:#ffffff1a}.map-tabs .map-link .fa-solid{color:var(--accent-light)}.map-tabs button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.map-frame{width:100%;border:0;border-radius:10px;display:block;background:#0a0a0a;overflow:hidden}.map-attrib{display:none}.footer{padding:8px 24px;text-align:right;font-size:11px;color:var(--text-dim);text-shadow:0 1px 4px rgba(0,0,0,.7)}.footer a{color:var(--text-dim);text-decoration:underline}.footer a:hover{color:var(--text)}.stat-bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.stat{display:flex;align-items:center;gap:10px;flex:1 1 150px;min-width:140px;padding:10px 14px;background:var(--panel);border:1px solid var(--border);border-radius:0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-shadow:0 1px 4px rgba(0,0,0,.6),0 0 14px rgba(0,0,0,.3)}.stat .ic{width:40px;height:40px;flex:0 0 40px;display:flex;align-items:center;justify-content:center;border-radius:0;background:#b4d2ff26;color:var(--accent-light);font-size:19px}.stat .body{display:flex;flex-direction:column;line-height:1.15;min-width:0}.stat .lbl{font-size:13px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.stat .val{font-size:19px;font-weight:700}.stat .val .unit{font-size:11px;color:var(--text-dim);font-weight:400;margin-left:2px}.stat.stat-link{color:var(--text);cursor:pointer;transition:background .15s ease}.stat.stat-link:hover{background:#ffffff1f}.btn{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:9px 16px;font-family:inherit;font-weight:600;cursor:pointer}.btn:hover{background:var(--accent-light)}.series-toggles{display:flex;flex-wrap:wrap;gap:8px 16px;padding:12px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:14px}.chip-check{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none}.chip-check input{accent-color:var(--accent);cursor:pointer}.chip-check .swatch{width:12px;height:12px;border-radius:3px;display:inline-block}.chart-page,.chart-page .card{flex:1;display:flex;flex-direction:column;min-height:0}.chart-area{width:100%;flex:1 1 auto;min-height:360px;position:relative}.chart-area canvas{position:absolute;top:0;right:0;bottom:0;left:0}@media(max-width:900px){.chart-area{flex:0 0 360px}}.loading,.error{color:var(--text-dim);padding:12px 0}.error{color:var(--hot)}.d2{flex:1;display:grid;gap:10px;grid-template-columns:minmax(340px,1fr) minmax(0,3fr);grid-template-rows:auto 1fr;align-content:start;align-items:start;grid-template-areas:"side main" "reco main";min-height:0}.d2-side{grid-area:side;display:flex;flex-direction:column;gap:10px;min-width:0}.d2-main{grid-area:main;min-width:0;display:flex;flex-direction:column;gap:10px;position:sticky;top:var(--d2-top, 60px);height:var(--d2-avail, calc(100vh - 100px) )}.d2-chart{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;min-width:0;position:relative}.d2-nav{flex:0 0 auto;min-width:0}.d2-bottom{grid-area:reco;min-width:0;display:flex;flex-direction:column;gap:10px}.d2 .card{padding:14px}.d2-brand{background:var(--accent);color:#fff;border:1px solid var(--accent);padding:9px 14px;text-align:center;font-size:16px;font-weight:700;letter-spacing:4px;box-shadow:0 4px 10px #00000040;text-shadow:0 1px 4px rgba(0,0,0,.4)}.d2-alarm{background:#d50000;color:#fff;border:1px solid #ff1744;padding:9px 14px;text-align:center;font-size:15px;font-weight:700;letter-spacing:1.5px;line-height:1.4;box-shadow:0 4px 10px #00000040;text-shadow:0 1px 4px rgba(0,0,0,.4);animation:d2-alarm-pulse 1.6s ease-in-out infinite}.d2-alarm-sub{display:block;font-size:12px;font-weight:400;letter-spacing:.5px;margin-top:2px}@keyframes d2-alarm-pulse{50%{background:#8e0000}}@media(prefers-reduced-motion:reduce){.d2-alarm{animation:none}}.d2 .d2-links{padding:10px;margin-bottom:0}.d2-links{display:grid;grid-template-columns:1fr 1fr}.d2 .d2-links{gap:6px}.d2-links .map-link{flex:1 1 0;min-width:0;justify-content:center;gap:5px;padding:7px 4px;font-size:12px;white-space:nowrap}.map-tabs .fa-brands{color:var(--accent-light)}.d2-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:16px}.d2 .d2-modal{max-width:420px;width:100%;padding:20px;background:#14181eeb}.d2-modal-text{font-size:15px;line-height:1.5;margin-bottom:16px}.d2-modal-text .fa-brands{color:var(--accent-light);margin-right:6px}.d2-modal-btns{display:flex;gap:8px;justify-content:flex-end}.d2-modal-btns .mode-btn{padding:8px 16px}.d2-sec-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.d2-sec-title{display:inline-flex;align-items:center;gap:8px;background:none;border:0;padding:0;cursor:pointer;color:#fff;font-family:inherit;font-size:15px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.d2-sec-title .fa-solid{color:var(--accent-light)}.d2-collapse{background:#ffffff0f;border:1px solid rgba(180,200,220,.25);color:var(--text-dim);cursor:pointer;width:30px;height:26px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:12px}.d2-collapse:hover{background:#ffffff24;color:#fff}.tiles[hidden]{display:none}.d2 .chk{color:var(--accent-light);font-size:14px;width:14px}.d2-sec-meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px;color:var(--text-dim)}.d2-sec-meta+.tiles,.d2-sec-meta+.error{margin-top:10px}.d2-sec-meta b{color:var(--text);font-weight:600}.d2-sec-meta b.stale{color:#ff4040}.hint-sm{font-size:11px;color:var(--text-dim)}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:6px}.tile{display:flex;flex-direction:column;gap:1px;min-width:0;padding:6px 9px;text-align:left;background:#ffffff0d;border:1px solid rgba(180,200,220,.18);color:var(--text);font-family:inherit;text-shadow:inherit}button.tile{cursor:pointer}button.tile:hover{background:#ffffff1c}.tile-top{display:flex;align-items:center;gap:8px;min-width:0}.tile-spacer{flex:1}.tile-top .chk{flex:0 0 auto}.tile-top .info-ic{color:var(--accent-light);font-size:13px}.tile-lbl{font-size:12px;color:var(--text-dim);line-height:1.25;min-width:0;overflow-wrap:anywhere}.swatch-line{flex:0 0 22px}.tile-val{font-size:18px;font-weight:700;line-height:1.2;white-space:nowrap}.tile-val .unit{font-size:11px;font-weight:400;color:var(--text-dim);margin-left:3px}.tile-info{font-size:11px;color:var(--text-dim);line-height:1.45;white-space:normal;margin-top:4px}.d2-range-title{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:#fff;font-size:15px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.d2-range-title .fa-solid{color:var(--accent-light)}.mode-bar,.range-bar{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.mode-bar{margin-bottom:10px}.mode-btn{padding:5px 11px;border:0;border-radius:6px;cursor:pointer;background:#ffffff14;color:var(--text-dim);font-family:inherit;font-size:13px}.mode-btn:hover{background:#ffffff26;color:#fff}.mode-btn.active{background:var(--accent);color:#fff}.dt-input{flex:1 1 160px;min-width:0;background:#ffffff12;border:1px solid var(--border);color:var(--text);border-radius:6px;padding:5px 8px;font-family:inherit;font-size:13px;color-scheme:dark}.range-bar .sep{color:var(--text-dim)}.range-bar .btn{padding:6px 14px}.d2-chart .chart-area{flex:1 1 auto;min-height:200px}.d2-loading{position:absolute;top:10px;right:16px;font-size:12px;color:var(--text-dim)}.d2-legend-hint{display:flex;flex-wrap:wrap;gap:4px 16px;justify-content:flex-end;margin-top:6px;font-size:12px;color:var(--text-dim)}.d2-legend-hint span{display:inline-flex;align-items:center;gap:6px}.reco-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:8px;margin-bottom:10px}.reco-item{display:flex;flex-direction:column;padding:8px 10px;background:#ffffff0d;border:1px solid rgba(180,200,220,.18)}.reco-lbl{font-size:13px;color:var(--text-dim)}.reco-val{font-size:26px;font-weight:700;line-height:1.15}.reco-val .unit{font-size:13px;font-weight:400;color:var(--text-dim);margin-left:3px}.reco-cur{font-size:12px;color:var(--text-dim)}.reco-item.up .reco-cur .fa-solid{color:var(--warn)}.reco-item.down .reco-cur .fa-solid{color:var(--accent-light)}.reco-item.ok .reco-cur .fa-solid{color:var(--ok)}.reco-msgs{margin:0 0 10px;padding-left:18px;font-size:13px;line-height:1.5}.reco-msgs li{margin-bottom:3px}.reco-foot{font-size:13px;color:var(--text-dim);line-height:1.5}.info-btn{display:inline-flex;align-items:center;justify-content:center;margin:-4px -4px -4px 0;padding:4px;background:none;border:0;cursor:pointer;color:inherit;font:inherit}.reco-lbl .info-btn{margin-left:6px}.info-btn:hover .info-ic,.info-btn[aria-expanded=true] .info-ic{color:#fff}.tile-top .info-btn .info-ic{font-size:13px}.reco-item .info-ic{color:var(--accent-light);font-size:12px}.reco-time{font-size:11px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--text-dim)}.reco-offline{font-size:13px;line-height:1.5;color:var(--text-dim)}.reco-offline .fa-solid{color:var(--warn);margin-right:6px}.reco-block{margin:12px 0}.reco-sub{display:flex;align-items:center;gap:8px;margin-bottom:6px;color:#fff;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.plan-steps{display:flex;flex-wrap:wrap;column-gap:6px;row-gap:2px;font-size:13px;line-height:1.6;margin-bottom:8px}.plan-step{white-space:nowrap}.plan-step .fa-arrow-right{margin-right:6px;font-size:10px;color:var(--text-dim)}.plan-sun{display:flex;gap:2px;height:6px;margin-bottom:3px}.plan-sun span{flex:1 1 0;min-width:0;background:#b0bec5}.plan-sun span.on{background:#ffd600}.plan-key.sun{height:6px;background:#ffd600}.plan-chart{position:relative;height:64px}.plan-bars{display:flex;align-items:stretch;gap:2px;height:100%}.plan-bar{flex:1 1 0;min-width:0;display:flex;align-items:flex-end;padding:0;background:#ffffff08;border:0;cursor:pointer}.plan-bar span{display:block;width:100%;background:#aeea008c}.plan-bar.off span{background:#b0bec559}.plan-bar:hover span,.plan-bar.sel span{background:#aeea00}.plan-bar.off:hover span,.plan-bar.off.sel span{background:#b0bec5}.plan-temp{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.plan-hours{display:flex;gap:2px;margin-top:2px}.plan-hours span{flex:1 1 0;min-width:0;font-size:10px;color:var(--text-dim);overflow:visible;white-space:nowrap}.plan-detail{margin-top:4px;font-size:12px;color:var(--text-dim);min-height:1.5em}.plan-detail b{color:var(--text)}.plan-key{display:inline-block;width:14px;vertical-align:middle;margin:0 2px 0 6px}.plan-key:first-child{margin-left:0}.plan-key.bar{height:8px;background:#aeea008c}.plan-key.line{height:2px;background:#80d8ff}.reco-obs{list-style:none;margin:0;padding:0;font-size:13px;line-height:1.5}.reco-obs li{display:flex;gap:8px;margin-bottom:5px}.reco-obs li .fa-solid{flex:0 0 auto;margin-top:3px}.reco-obs li.warn .fa-solid{color:var(--warn)}.reco-obs li.info .fa-solid{color:var(--accent-light)}.reco-obs li.ok .fa-solid{color:var(--ok)}.reco-how{margin-top:8px;font-size:13px;color:var(--text-dim);line-height:1.5}.reco-how summary{cursor:pointer;color:var(--accent-light);margin-bottom:4px}.reco-how p{margin:0 0 6px}.reco-how b{color:var(--text)}@media(max-width:900px){.d2{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"side" "main" "reco"}.d2-main{position:static;height:auto}.d2-chart .chart-area{flex:0 0 340px;min-height:340px}}@media(max-width:640px){.card{padding:14px}.stat .val{font-size:17px}.map-tabs button,.map-tabs .map-link{padding:7px 10px;font-size:12px}}.log-page{display:flex;flex-direction:column;min-height:0;margin-bottom:0}.log-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin-bottom:10px}.log-title{display:flex;align-items:center;gap:8px;color:#fff;font-size:15px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.log-nav{display:flex;align-items:center;gap:6px}.log-nav .mode-btn:disabled{opacity:.35;cursor:default}.log-count{font-size:12px;color:var(--text-dim)}.log-level{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-dim)}.log-level select{padding:5px 8px}.log-level option{background:#14161a;color:#fff}.log-bar .log-back{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:13px;color:var(--text-dim);text-decoration:none;border:1px solid rgba(180,200,220,.18);background:#ffffff0d}.log-bar .log-back:hover{color:var(--text);background:#ffffff1a}.log-bar .log-back .fa-solid{color:var(--accent-light)}.log-list{flex:1;min-height:0;overflow-y:auto;font-size:13px;line-height:1.5;font-variant-numeric:tabular-nums}.log-row{display:grid;grid-template-columns:11.5em 8.5em minmax(0,1fr);gap:12px;padding:3px 4px;border-bottom:1px solid rgba(255,255,255,.04)}.log-row:hover{background:#ffffff0a}.log-ts{white-space:nowrap;overflow:hidden}.log-lv{white-space:nowrap;font-weight:700}.log-lv.debug{color:var(--text-dim);font-weight:400}.log-lv.warn{color:#ff9100}.log-lv.error{color:#ff5252}.log-msg{overflow-wrap:anywhere}.log-empty{padding:20px 4px;color:var(--text-dim)}@media(max-width:700px){.log-row{grid-template-columns:11.5em 1fr;gap:2px 10px}.log-msg{grid-column:1 / -1}.log-bar .log-back{margin-left:0}}