:root{--bg: #f8fafc;--surface: #ffffff;--surface2: #f1f5f9;--border: #e2e8f0;--text: #0f172a;--muted: #64748b;--primary: #1d4ed8;--primary-dark: #1e3a8a;--primary-light: #dbeafe;--accent: #f97316;--success: #16a34a;--warning: #d97706;--danger: #dc2626;--radius: 10px;--radius-sm: 8px;--shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.07), 0 2px 4px -2px rgba(0,0,0,.05);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.08), 0 4px 6px -4px rgba(0,0,0,.05);--page-x: 20px;--header-h: 88px;--sidebar-w: 212px;--sidebar-bg: var(--surface);--sidebar-text: var(--text);--sidebar-muted: var(--muted);--sidebar-border: var(--border);--sidebar-hover: var(--surface2);--sidebar-active-bg: var(--primary);--sidebar-active-text: #fff;--banner-bg: var(--surface);--cyan: #0891b2;--purple: #7c3aed;--orange: #ea580c;--banner-h: 112px;--banner-gap: 8px;--banner-block: calc(var(--banner-h) + var(--banner-gap))}[data-theme=dark]{--bg: #0f172a;--surface: #1e293b;--surface2: #334155;--border: #475569;--text: #f1f5f9;--muted: #94a3b8;--primary: #3b82f6;--primary-dark: #1d4ed8;--primary-light: #1e3a8a;--accent: #fb923c;--success: #22c55e;--warning: #f59e0b;--danger: #f87171;--shadow: 0 1px 3px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.5), 0 2px 4px -2px rgba(0,0,0,.4);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.6), 0 4px 6px -4px rgba(0,0,0,.5);--sidebar-bg: #0b1424;--sidebar-hover: rgba(255,255,255,.07);--sidebar-border: #1e293b;--banner-bg: #111c2f;--cyan: #22d3ee;--purple: #a78bfa;--orange: #fb923c}[data-theme=mill]{--bg: #f4efe3;--surface: #ffffff;--surface2: #fdf7ea;--border: #e4d8bf;--text: #16243d;--muted: #77839a;--primary: #1d5bbf;--primary-dark: #123a7a;--primary-light: #dce9fc;--accent: #e08600;--success: #15803d;--warning: #c07000;--danger: #c0392b;--shadow: 0 1px 3px rgba(84,64,20,.1), 0 1px 2px rgba(84,64,20,.06);--shadow-md: 0 4px 10px -2px rgba(84,64,20,.14), 0 2px 5px -3px rgba(84,64,20,.1);--shadow-lg: 0 12px 20px -6px rgba(84,64,20,.18), 0 5px 8px -5px rgba(84,64,20,.12);--sidebar-bg: linear-gradient(180deg, #14356c 0%, #0e2450 58%, #0a1a3c 100%);--sidebar-text: #e9effc;--sidebar-muted: #a3b8dd;--sidebar-border: transparent;--sidebar-hover: rgba(255,255,255,.1);--sidebar-active-bg: #2272da;--sidebar-active-text: #ffffff;--banner-bg: linear-gradient(90deg, #fffdf7 0%, #fdf4e2 55%, #fbeed6 100%);--cyan: #0e7490;--purple: #6d28d9;--orange: #d9600a}.theme-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--muted);cursor:pointer;font-size:16px;line-height:1;transition:border-color .15s,color .15s,background .15s;flex-shrink:0}.theme-btn:hover{border-color:var(--primary);color:var(--primary)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:14px;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:where(button,a,input,select,textarea):focus-visible{outline:2px solid var(--primary);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px}*::-webkit-scrollbar-thumb:hover{background:var(--muted)}.header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 var(--page-x);height:var(--header-h);background:var(--banner-bg);border-bottom:1px solid var(--border);box-shadow:var(--shadow);position:sticky;top:0;z-index:20;overflow:hidden}.header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-image:var(--header-art, none);background-size:cover;background-position:center var(--header-art-pos, 50%)}.header:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(90deg,var(--surface) 0%,color-mix(in srgb,var(--surface) 86%,transparent) 16%,color-mix(in srgb,var(--surface) 30%,transparent) 34%,color-mix(in srgb,var(--surface) 30%,transparent) 64%,color-mix(in srgb,var(--surface) 92%,transparent) 76%,var(--surface) 93%)}.header:not([style*=--header-art]):after{background:none}.header>*{position:relative;z-index:2}.header-title{font-size:16px;font-weight:700;color:var(--primary);letter-spacing:-.01em;white-space:nowrap;flex-shrink:0}.header-tabs{display:flex;gap:4px}.tab-btn{padding:6px 14px;border:none;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer;font-size:13px;font-weight:500;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.tab-btn:hover{background:var(--surface2);color:var(--text)}.tab-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px -2px color-mix(in srgb,var(--primary) 60%,transparent)}.main{padding:20px;display:grid;grid-template-columns:minmax(280px,360px) 1fr;grid-template-areas:"left right" "gauges gauges";gap:20px;align-items:stretch}.col-left{grid-area:left;display:flex;flex-direction:column;gap:16px;min-height:0}.col-right{grid-area:right;display:flex;flex-direction:column;gap:16px;min-height:0}.gauge-strip{grid-area:gauges}.col-left .card:last-child{flex:1;display:flex;flex-direction:column}.col-left .card:last-child .panel-meta{margin-top:auto}.col-right .history-card{flex:1;display:flex;flex-direction:column;min-height:0}@media (max-width: 820px){.main{grid-template-columns:1fr;grid-template-areas:"left" "right" "gauges"}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px;box-shadow:var(--shadow);transition:box-shadow .2s ease,border-color .2s ease}.card-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.online{background:var(--success);box-shadow:0 0 6px var(--success)}.dot.offline{background:var(--muted)}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric{display:flex;flex-direction:column;gap:2px}.metric-label{font-size:11px;color:var(--muted)}.metric-value{font-size:22px;font-weight:700;line-height:1}.metric-unit{font-size:11px;color:var(--muted)}.metric-value.ok{color:var(--text)}.metric-value.warn{color:var(--warning)}.metric-value.danger{color:var(--danger)}.gauge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--border)}.needle-gauge{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:8px 6px 4px}.needle-gauge-label{font-size:14px;font-weight:700;color:var(--text);text-transform:capitalize;margin-top:6px;text-align:center;letter-spacing:-.01em}.needle-gauge-sub{font-size:12px;font-weight:600;margin-top:2px;text-align:center}.gauge-strip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,210px));gap:20px;justify-content:center;padding-top:8px}.chart-area{flex:1;min-height:240px}.chart-area>*{height:100%}.gauge-wrap{display:flex;flex-direction:column;align-items:center;gap:8px}.gauge-row{display:flex;gap:16px;justify-content:center;margin-top:4px}.gauge-stat{text-align:center}.gauge-stat .lbl{font-size:10px;color:var(--muted)}.gauge-stat .val{font-size:15px;font-weight:600}.relay-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:12px;font-size:12px;font-weight:600}.relay-badge.on{background:#f59e0b22;color:var(--warning);border:1px solid var(--warning)}.relay-badge.off{background:#94a3b822;color:var(--muted);border:1px solid var(--border)}.alerts-page{padding:20px}.alerts-toolbar{display:flex;gap:10px;margin-bottom:14px;align-items:center}.filter-btn{padding:5px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--muted);cursor:pointer;font-size:12px}.filter-btn.active{border-color:var(--primary);color:var(--primary)}.alert-table{width:100%;border-collapse:collapse}.alert-table th{text-align:left;padding:8px 10px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-bottom:1px solid var(--border)}.alert-table td{padding:10px;border-bottom:1px solid var(--border);vertical-align:middle}.alert-table tr:hover td{background:var(--surface2)}.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.badge.overtemp,.badge.overvoltage,.badge.overload{background:#ef444422;color:var(--danger)}.badge.undertemp,.badge.undervoltage{background:var(--primary-light);color:var(--primary)}.badge.deviation,.badge.low_pf{background:#f59e0b22;color:var(--warning)}.resolve-btn{padding:4px 10px;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--muted);cursor:pointer;font-size:12px}.resolve-btn:hover{border-color:var(--success);color:var(--success)}.resolved{color:var(--muted);font-size:12px}.settings-page{padding:20px;max-width:560px}.settings-page h2{font-size:15px;margin-bottom:16px}.form-section{margin-bottom:20px}.form-section-title{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:12px;color:var(--muted)}.field input{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:7px 10px;font-size:14px;outline:none}.field input:focus{border-color:var(--primary)}.save-btn{padding:8px 24px;background:var(--primary);border:none;border-radius:var(--radius);color:#fff;font-size:14px;font-weight:600;cursor:pointer}.save-btn:hover{opacity:.9}.save-msg{font-size:13px;color:var(--success);margin-left:12px}.device-select{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:6px 10px;font-size:13px;margin-bottom:16px;outline:none}.settings-page{max-width:780px}.param-threshold-table{display:flex;flex-direction:column;gap:2px}.param-threshold-head,.param-threshold-row{display:grid;grid-template-columns:160px 1fr 100px 100px;align-items:center;gap:10px}.param-threshold-head{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:0 4px 6px;border-bottom:1px solid var(--border)}.param-threshold-row{padding:5px 4px;border-radius:var(--radius)}.param-threshold-row:hover{background:var(--surface2)}.param-name{font-size:12px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.param-stats{display:flex;gap:6px;flex-wrap:wrap}.stat-badge{display:inline-flex;align-items:center;gap:3px;background:var(--surface2);border:1px solid var(--border);border-radius:6px;padding:2px 6px;font-size:10px;white-space:nowrap}.stat-badge-label{color:var(--muted)}.stat-badge-value{color:var(--text);font-weight:600}.threshold-input{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:5px 8px;font-size:12px;outline:none;width:100%}.threshold-input:focus{border-color:var(--primary)}.chart-toolbar{display:flex;gap:6px;margin-bottom:12px;align-items:center;flex-wrap:wrap}.period-btn{padding:4px 10px;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--muted);cursor:pointer;font-size:12px;transition:border-color .15s,color .15s}.period-btn:hover,.period-btn.active{border-color:var(--primary);color:var(--primary)}.live-btn{padding:3px 9px;border-radius:12px;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:11px;cursor:pointer;transition:border-color .15s,color .15s;white-space:nowrap}.live-btn.active{border-color:var(--success);color:var(--success)}.toolbar-sep{flex:1;min-width:4px}.nav-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--muted);cursor:pointer;font-size:14px;flex-shrink:0;transition:border-color .15s,color .15s}.nav-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.nav-btn:disabled{opacity:.3;cursor:default}.chart-range{font-size:11px;color:var(--muted);white-space:nowrap;padding:0 2px}.chart-spin{font-size:14px;color:var(--primary);display:inline-block;animation:chart-rotate 1s linear infinite}@keyframes chart-rotate{to{transform:rotate(360deg)}}.chart-empty{color:var(--muted);padding:40px 0;text-align:center;font-size:13px}.load-earlier-btn{display:block;width:100%;margin-top:6px;padding:5px;border:1px dashed var(--border);border-radius:var(--radius);background:transparent;color:var(--muted);font-size:12px;cursor:pointer;text-align:center;transition:border-color .15s,color .15s}.load-earlier-btn:hover{border-color:var(--primary);color:var(--primary)}.series-checks{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.series-check{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 9px 4px 6px;border-radius:12px;border:1px solid var(--border);background:var(--surface2);color:var(--text);transition:background .15s,border-color .15s,color .15s,opacity .15s}.series-check:hover{border-color:var(--primary)}.series-check:not(.off){background:var(--surface2);border-color:var(--border);opacity:1}.series-check.off{opacity:.4;background:transparent;color:var(--muted)}.series-check.off .series-dot{background:var(--border)!important}.series-check input{display:none}.series-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;transition:background .15s}.panel-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;font-size:11px;color:var(--muted)}.param-cfg-btn{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--muted);cursor:pointer;font-size:13px;padding:0;transition:border-color .15s,color .15s}.param-cfg-btn:hover{border-color:var(--primary);color:var(--primary)}.param-cfg-panel{margin-bottom:12px;padding:10px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius)}.param-cfg-title{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:8px}.param-cfg-checks{display:flex;flex-wrap:wrap;gap:8px 14px}@media (max-width: 640px){.main{flex-direction:column}.metric-grid{grid-template-columns:1fr 1fr 1fr}}.ep-row1{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr;gap:8px;flex:1;min-height:0}.ep-row2{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:8px;flex:1;min-height:0}.ep-row3{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;gap:8px;flex:1;min-height:0}.ep-col2{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.overview-tab{height:calc(100vh - var(--header-h));padding-top:8px;padding-bottom:8px;box-sizing:border-box}.ep-panel,.ep-load-wrap{flex:1;min-height:0}@media (max-width: 640px){.ep-row1,.ep-row2,.ep-row3{grid-template-columns:1fr}.overview-tab{height:auto;padding-bottom:16px}.ep-panel,.ep-row1,.ep-row2,.ep-row3{flex:none;min-height:unset;grid-template-rows:auto}.ep-load-wrap{flex:none;min-height:unset;height:140px}.header{height:auto;flex-wrap:wrap;padding:8px var(--page-x);gap:8px}.header-tabs{order:3;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;justify-content:flex-start;padding-bottom:2px;scrollbar-width:none}.header-tabs::-webkit-scrollbar{display:none}.tab-btn{font-size:12px;padding:5px 10px;white-space:nowrap;flex-shrink:0}}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--bg)}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:36px 32px;width:100%;max-width:360px}.login-logo{font-size:20px;font-weight:700;color:var(--primary);margin-bottom:4px}.login-sub{font-size:13px;color:var(--muted);margin-bottom:24px}.login-form{display:flex;flex-direction:column;gap:14px}.login-legal{margin-top:16px;text-align:center}.login-error{background:#ef444422;border:1px solid var(--danger);border-radius:var(--radius);color:var(--danger);font-size:12px;padding:7px 10px}.mgr-wrap{min-height:100vh}.mgr-stats-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:4px}.mgr-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px;min-width:110px;flex:1}.mgr-stat-value{font-size:26px;font-weight:700;line-height:1}.mgr-stat-label{font-size:11px;color:var(--muted);margin-top:4px;text-transform:uppercase;letter-spacing:.05em}.mgr-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:10px}.mgr-table{width:100%;border-collapse:collapse;font-size:13px}.mgr-table th{text-align:left;padding:8px 10px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap}.mgr-table td{padding:9px 10px;border-bottom:1px solid var(--border);vertical-align:middle}.mgr-table tr:hover td{background:var(--surface2)}.mgr-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.mgr-badge.admin{background:var(--primary-light);color:var(--primary)}.mgr-badge.viewer{background:#94a3b822;color:var(--muted)}.mgr-badge.energy{background:#f59e0b22;color:var(--warning)}.mgr-badge.temperature{background:#22c55e22;color:var(--success)}.mgr-badge.telegram{background:var(--primary-light);color:var(--primary)}.mgr-badge.whatsapp,.mgr-badge.sent{background:#22c55e22;color:var(--success)}.mgr-badge.failed{background:#ef444422;color:var(--danger)}.mgr-user-form{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:4px}.mgr-user-form input,.mgr-user-form select{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:6px 10px;font-size:13px;outline:none}.mgr-user-form input:focus,.mgr-user-form select:focus{border-color:var(--primary)}.mgr-inline-form{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.mgr-inline-form input,.mgr-inline-form select{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:4px 8px;font-size:12px;outline:none}.mgr-assign-panel{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin-top:4px}.mgr-assign-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px;max-height:260px;overflow-y:auto}.mgr-assign-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:var(--surface);transition:border-color .15s}.mgr-assign-item:hover{border-color:var(--primary)}.mgr-assign-item.checked{border-color:var(--success);background:#22c55e0d}.mgr-assign-item input{accent-color:var(--success);width:14px;height:14px;flex-shrink:0}.mgr-assign-name{font-size:12px;flex:1}.mgr-toggle{display:inline-flex;align-items:center;cursor:pointer}.mgr-toggle input{display:none}.mgr-toggle-track{width:36px;height:20px;background:var(--border);border-radius:10px;position:relative;transition:background .2s}.mgr-toggle-track:after{content:"";position:absolute;width:14px;height:14px;background:#fff;border-radius:50%;top:3px;left:3px;transition:transform .2s}.mgr-toggle input:checked+.mgr-toggle-track{background:var(--success)}.mgr-toggle input:checked+.mgr-toggle-track:after{transform:translate(16px)}.history-tab{padding:20px var(--page-x);height:calc(100vh - var(--header-h));display:flex;flex-direction:column;gap:12px;overflow:hidden;box-sizing:border-box}.history-tab .history-card{flex:1;display:flex;flex-direction:column;min-height:0}.charts-page{padding:12px var(--page-x)}.alerts-page,.settings-page,.charts-page,.history-tab,.overview-tab{padding-left:var(--page-x);padding-right:var(--page-x)}.table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.bill-period{font-size:11px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:3px 9px;border:1px solid var(--border);border-radius:999px}.bill-headline{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:18px 20px;margin-bottom:16px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 10%,var(--surface)),var(--surface));box-shadow:var(--shadow)}.bill-headline-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.bill-headline-value{font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1.1}.bill-headline-value.proj{color:var(--primary)}.bill-headline-arrow{font-size:22px;color:var(--muted)}.bill-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:10px}.bill-stat{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:12px 14px}.bill-stat-label{font-size:11px;color:var(--muted)}.bill-stat-value{font-size:22px;font-weight:700;line-height:1.15;margin-top:2px}.bill-stat-value.ok{color:var(--success)}.bill-stat-value.warn{color:var(--warning)}.bill-stat-value.danger{color:var(--danger)}.bill-stat-sub{font-size:11px;color:var(--muted);margin-top:2px}.bill-breakdown{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.bill-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:baseline;padding:10px 14px;border-bottom:1px solid var(--border);font-size:13px}.bill-row:last-child{border-bottom:none}.bill-row-label{font-weight:600}.bill-row-detail{color:var(--muted);font-size:11px;text-align:right}.bill-row-amt{font-weight:700;font-variant-numeric:tabular-nums;text-align:right;min-width:110px}.bill-row.total{background:var(--surface2);font-size:14px}.bill-row.total .bill-row-amt{color:var(--primary)}.bill-insights{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:10px}.bill-insight{border:1px solid var(--border);border-left-width:3px;border-radius:var(--radius);padding:12px 14px;background:var(--surface)}.bill-insight.ok{border-left-color:var(--success)}.bill-insight.warn{border-left-color:var(--warning)}.bill-insight.danger{border-left-color:var(--danger)}.bill-insight.muted{border-left-color:var(--muted)}.bill-insight-title{font-size:13px;font-weight:700;margin-bottom:4px}.bill-insight-body{font-size:12px;color:var(--text);line-height:1.5}.bill-tariff-summary{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px;color:var(--muted);padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface2)}.bill-tariff-summary b{color:var(--text)}.daily-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-bottom:16px}.daily-date{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--muted)}.daily-date input{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:7px 10px;font-size:13px;outline:none;color-scheme:light dark}.daily-date input:focus{border-color:var(--primary)}.daily-table{width:100%;border-collapse:collapse;font-size:13px}.daily-table th,.daily-table td{padding:8px 12px;border-bottom:1px solid var(--border);white-space:nowrap;font-variant-numeric:tabular-nums}.daily-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);position:sticky;top:0;background:var(--surface)}.daily-table th.r,.daily-table td.r{text-align:right}.daily-table td.warn{color:var(--warning);font-weight:600}.daily-table tbody tr:hover td{background:var(--surface2)}.daily-table tfoot td{border-top:2px solid var(--border);border-bottom:none;font-weight:700;background:var(--surface2)}.daily-table tfoot td:last-child{color:var(--primary)}.tod-editor{display:flex;flex-direction:column;gap:6px}.tod-row{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 32px;gap:8px;align-items:center}.tod-row.tod-head{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:0 2px}.tod-row input{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:6px 8px;font-size:12px;outline:none;color-scheme:light dark;width:100%}.tod-row input:focus{border-color:var(--primary)}.tod-row .resolve-btn{padding:4px 8px}@media (max-width: 640px){.tod-row{grid-template-columns:1fr 1fr}.tod-row.tod-head{display:none}.daily-controls{align-items:stretch}}@media (max-width: 640px){:root{--page-x: 14px}.tab-btn,.filter-btn,.period-btn,.live-btn,.resolve-btn{min-height:34px}.save-btn{min-height:42px;width:100%}.device-select{width:100%;margin-bottom:12px}.alerts-toolbar{flex-wrap:wrap}.alerts-toolbar .device-select{margin-bottom:0}.history-tab{height:auto;overflow:visible}.alert-table thead{display:none}.alert-table,.alert-table tbody,.alert-table tr,.alert-table td{display:block;width:100%}.alert-table tr{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;margin-bottom:10px;box-shadow:var(--shadow)}.alert-table td{border:none;padding:5px 0;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px}.alert-table td:before{content:attr(data-label);font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600;flex-shrink:0}.alert-table td[data-label=Message]{flex-direction:column;align-items:flex-start;gap:3px}.alert-table tr:hover td{background:transparent}.alert-table td:last-child{justify-content:flex-end;padding-top:8px}.alert-table td:last-child:before{content:""}.param-threshold-head{display:none}.param-threshold-row{grid-template-columns:1fr 1fr;grid-template-areas:"name  name" "stats stats" "high  low";gap:8px 10px;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-bottom:8px}.param-threshold-row:hover{background:var(--surface)}.param-threshold-row>:nth-child(1){grid-area:name;font-weight:600;font-size:13px}.param-threshold-row>:nth-child(2){grid-area:stats}.param-threshold-row>:nth-child(3){grid-area:high}.param-threshold-row>:nth-child(4){grid-area:low}.threshold-input{width:100%;padding:9px 10px;font-size:14px}.form-grid{grid-template-columns:1fr}.mgr-table{display:block;overflow-x:auto;white-space:nowrap}}.privacy-link{font-size:11px;color:var(--muted);text-decoration:none;white-space:nowrap}.privacy-link:hover{color:var(--primary);text-decoration:underline}.login-legal .privacy-link{font-size:12px}.notify-page{max-width:900px}.notify-lede{font-size:13px;color:var(--muted);margin:-8px 0 16px}.notify-banner{background:var(--primary-light);border:1px solid var(--primary);border-radius:var(--radius);color:var(--text);font-size:12.5px;padding:10px 12px;margin-bottom:18px}.notify-check{display:flex;align-items:flex-start;gap:9px;padding:7px 0;cursor:pointer;font-size:13px}.notify-check input{margin-top:2px;flex-shrink:0}.notify-check em{display:block;font-style:normal;font-size:11.5px;color:var(--muted);margin-top:1px}.notify-check input:disabled+span{opacity:.45}.notify-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.notify-hint{font-size:11.5px;color:var(--muted);margin-top:8px;line-height:1.5}.notify-preview{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px;padding:9px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius)}.notify-preview span{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.notify-preview code{font-size:12px;color:var(--text)}.notify-row{display:grid;gap:6px;padding:5px 8px;border-radius:var(--radius);min-width:560px}.notify-row-head{margin-bottom:2px;padding:4px 8px;font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.notify-row input[type=text],.notify-row input:not([type]){width:100%;padding:6px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-family:inherit;font-size:12.5px}.notify-row input:focus{border-color:var(--primary);outline:none}.notify-link{background:none;border:none;padding:0;color:var(--primary);font:inherit;font-size:13px;cursor:pointer}.notify-link:hover{text-decoration:underline}.notify-inherited{margin-top:16px;padding:12px;background:var(--surface2);border:1px dashed var(--border);border-radius:var(--radius)}.notify-inherited-row{display:grid;grid-template-columns:1fr 170px 150px 40px;gap:6px;padding:3px 0;font-size:12px;color:var(--muted)}@media (max-width: 640px){.notify-grid3{grid-template-columns:1fr}}.chart-nav{display:inline-flex;align-items:center;gap:4px;margin-left:10px}.chart-nav-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:26px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:13px;line-height:1;cursor:pointer;transition:border-color .15s,color .15s}.chart-nav-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.chart-nav-btn:disabled{opacity:.35;cursor:default}.chart-nav-now{height:26px;padding:0 9px;border:1px solid var(--primary);border-radius:var(--radius-sm);background:transparent;color:var(--primary);font:inherit;font-size:11px;font-weight:600;cursor:pointer}.chart-nav-now:hover{background:var(--primary-light)}.chart-range{margin-left:10px;font-size:11px;color:var(--muted);white-space:nowrap}.chart-range.live{color:var(--success)}.chart-live-dot{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--success);vertical-align:middle}@media (max-width: 640px){.chart-range{margin-left:0;width:100%}}.arch-page{max-width:1000px}.arch-picks{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 700px){.arch-picks{grid-template-columns:1fr}}.arch-drop{display:block;border:1.5px dashed var(--border);border-radius:var(--radius);padding:16px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.arch-drop:hover{border-color:var(--primary);background:var(--surface2)}.arch-drop input{display:none}.arch-drop strong{display:block;font-size:13px}.arch-drop em{display:block;font-style:normal;font-size:11.5px;color:var(--muted);margin-top:3px}.arch-file{display:block;font-size:11.5px;color:var(--success);margin-top:6px;word-break:break-all}.arch-meta{display:grid;grid-template-columns:150px 1fr;gap:5px 16px;font-size:13px}.arch-meta dt{color:var(--muted)}.arch-table-wrap{overflow:auto;max-height:420px}.arch-table{width:100%;border-collapse:collapse;font-size:12px}.arch-table th,.arch-table td{text-align:right;padding:5px 8px;border-bottom:1px solid var(--border);white-space:nowrap}.arch-table th:first-child,.arch-table td:first-child{text-align:left}.arch-table th{position:sticky;top:0;background:var(--surface);color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.arch-ttl{font-size:11px;color:var(--warning);border:1px solid var(--warning);border-radius:20px;padding:2px 10px}.header-title{display:flex;flex-direction:column;line-height:1.15}.header-operator{font-size:9.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-left:17px}.header-plant{max-width:220px;margin-left:12px;padding:4px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit;font-size:12px;font-weight:600;cursor:pointer;flex-shrink:0}.header-plant:hover{border-color:var(--primary)}@media (max-width: 720px){.header-operator{display:none}.header-plant{max-width:140px;margin-left:6px}}.shell{display:flex;align-items:flex-start;min-height:100vh}.shell-main{flex:1;min-width:0}.sidebar{position:sticky;top:0;flex:0 0 var(--sidebar-w);width:var(--sidebar-w);height:100vh;display:flex;flex-direction:column;background:var(--sidebar-bg);color:var(--sidebar-text);border-right:1px solid var(--sidebar-border);z-index:30;overflow-y:auto;overflow-x:hidden}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:14px 14px 12px;border-bottom:1px solid var(--sidebar-border);flex-shrink:0}.sidebar-brand-mark{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;background:var(--sidebar-active-bg);box-shadow:0 2px 10px -3px var(--sidebar-active-bg)}.sidebar-brand-text{display:flex;flex-direction:column;min-width:0;line-height:1.25}.sidebar-brand-text strong{font-size:13px;font-weight:700;color:var(--sidebar-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-brand-text small{font-size:10px;color:var(--sidebar-muted);letter-spacing:.04em}.sidebar-nav{display:flex;flex-direction:column;gap:2px;padding:10px 8px}.sidebar-sep{font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sidebar-muted);padding:12px 10px 5px;opacity:.8}.nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:none;background:transparent;color:var(--sidebar-muted);font:inherit;font-size:13px;font-weight:500;text-align:left;cursor:pointer;border-radius:8px;transition:background .16s ease,color .16s ease}.nav-item:hover{background:var(--sidebar-hover);color:var(--sidebar-text)}.nav-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text);font-weight:600;box-shadow:0 2px 10px -3px color-mix(in srgb,var(--sidebar-active-bg) 70%,transparent)}.nav-item-ico{font-size:14px;width:19px;text-align:center;flex-shrink:0}.nav-item-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-item-badge{margin-left:auto;flex-shrink:0;background:var(--danger);color:#fff;font-size:10px;font-weight:700;line-height:1.6;border-radius:999px;padding:0 6px;min-width:18px;text-align:center}.sidebar-foot{margin-top:auto;flex-shrink:0;padding:10px 14px 14px;font-size:10px;color:var(--sidebar-muted);border-top:1px solid var(--sidebar-border)}.shell-main>.header{background:var(--banner-bg)}.card-title-l{display:inline-flex;align-items:center;gap:8px;min-width:0}.card-ico{width:21px;height:21px;border-radius:6px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;letter-spacing:0;color:#fff;text-transform:none}.plant-pills{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:2px 2px 0}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:11px;color:var(--muted);white-space:nowrap;box-shadow:var(--shadow)}.pill strong{color:var(--text);font-weight:600}.pill-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:var(--muted)}.pill-dot.ok{background:var(--success);box-shadow:0 0 6px var(--success)}.pill-dot.warn{background:var(--warning);box-shadow:0 0 6px var(--warning)}.pill-id{font-weight:700;letter-spacing:.04em;color:var(--text)}@media (max-width: 820px){.shell{display:block}.sidebar{position:static;width:auto;height:auto;flex-direction:row;align-items:center;gap:4px;padding:6px 8px;overflow-x:auto;overflow-y:hidden;border-right:none;border-bottom:1px solid var(--sidebar-border)}.sidebar-brand,.sidebar-foot,.sidebar-sep{display:none}.sidebar-nav{flex-direction:row;gap:4px;padding:0}.nav-item{width:auto;padding:7px 12px}.nav-item-ico{display:none}}.login-hero{width:min(100%,640px);aspect-ratio:883 / 291;min-height:120px;margin-bottom:18px;border-radius:12px;box-shadow:var(--shadow-lg);overflow:hidden;flex-shrink:0}.login-hero img{display:block;width:100%;height:100%;object-fit:cover}.login-wrap{padding:24px 16px;box-sizing:border-box}.login-wrap.has-bg:before{content:"";position:fixed;top:-24px;right:-24px;bottom:-24px;left:-24px;background:var(--login-bg) center / cover no-repeat;filter:blur(20px) saturate(115%);pointer-events:none}.login-wrap.has-bg:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--bg) 58%,transparent);pointer-events:none}.login-wrap.has-bg>*{position:relative;z-index:1}.login-wrap.has-bg .login-card{backdrop-filter:saturate(140%) blur(6px);-webkit-backdrop-filter:saturate(140%) blur(6px);background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:var(--shadow-lg)}@media (max-width: 820px){:root{--banner-h: 84px}}@media (max-width: 640px){:root{--banner-h: 68px}}