:root{color-scheme:dark;--bg:#071316;--bg-deep:#050e11;--panel:#0c1c21;--panel-raised:#10252a;--line:rgba(147,194,193,.12);--line-strong:rgba(147,194,193,.2);--text:#ecf8f4;--muted:#829c9d;--subtle:#526c70;--green:#4ee2b0;--cyan:#48cce0;--blue:#6995ff;--violet:#ad8cff;--gold:#f3bf65;--orange:#f58a67;--shadow:0 20px 48px rgba(0,0,0,.22);font-family:'Noto Sans SC',sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;background:var(--bg);color:var(--text)}body{overflow:hidden;background:radial-gradient(ellipse at 50% -30%,#153439 0%,transparent 52%),linear-gradient(145deg,#081619,#050d10 72%);font-size:13px}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0}#particleField{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.55}.login-screen,.dashboard-screen{position:relative;z-index:1;width:100%;height:100dvh}.login-screen[hidden],.dashboard-screen[hidden]{display:none!important}.login-screen{display:grid;place-items:center;overflow:auto;padding:38px 22px}.login-ambient{position:fixed;border:1px solid rgba(78,226,176,.09);border-radius:50%;pointer-events:none}.ambient-one{width:620px;height:620px;left:-300px;top:10%;box-shadow:0 0 0 55px rgba(78,226,176,.016),0 0 0 110px rgba(78,226,176,.012)}.ambient-two{width:750px;height:750px;right:-370px;bottom:-450px;box-shadow:0 0 0 65px rgba(72,204,224,.018)}.login-layout{width:min(1050px,100%);min-height:570px;display:grid;grid-template-columns:1.12fr .88fr;border:1px solid rgba(147,194,193,.16);background:rgba(8,22,26,.87);box-shadow:0 35px 110px rgba(0,0,0,.42);backdrop-filter:blur(20px);position:relative;z-index:1}.login-brand-side{position:relative;overflow:hidden;padding:38px 48px 24px;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand-lockup{display:flex;align-items:center;gap:12px;font:700 14px Manrope,sans-serif;letter-spacing:.18em;color:#e9f6f1}.brand-lockup img{width:38px;height:38px;object-fit:contain;filter:brightness(0) saturate(100%) invert(78%) sepia(43%) saturate(569%) hue-rotate(104deg) brightness(101%)}.brand-lockup b{font-size:10px;color:var(--green);font-weight:500}.login-message{position:relative;z-index:2;margin-top:63px}.section-code{display:flex;align-items:center;gap:9px;color:var(--green);font:500 9px 'DM Mono',monospace;letter-spacing:.14em}.section-code i{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 12px var(--green)}.login-message h1{font-size:39px;line-height:1.4;letter-spacing:-.04em;margin:21px 0 11px}.login-message h1 em{font-style:normal;color:var(--green)}.login-message p{max-width:420px;color:#93aaab;font-size:12px;line-height:1.9;margin:0}.login-visual{height:185px;position:relative;margin:2px 0 0;overflow:hidden}.login-visual svg{position:absolute;inset:0;width:100%;height:100%}.login-visual svg path{fill:none;stroke:rgba(78,226,176,.2);stroke-dasharray:5 6;stroke-width:1}.login-radar{position:absolute;left:50%;top:50%;border:1px solid rgba(78,226,176,.28);border-radius:50%;transform:translate(-50%,-50%);animation:radarPulse 4.5s ease-out infinite}.radar-one{width:116px;height:116px}.radar-two{width:205px;height:125px;transform:translate(-50%,-50%) rotate(-28deg);animation-delay:1s}.radar-three{width:300px;height:130px;transform:translate(-50%,-50%) rotate(24deg);animation-delay:2s}.login-core{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:#0c2c2b;border:1px solid rgba(78,226,176,.45);box-shadow:0 0 28px rgba(78,226,176,.14),inset 0 0 15px rgba(78,226,176,.09)}.login-core img{width:31px;height:31px;object-fit:contain;filter:brightness(0) saturate(100%) invert(78%) sepia(43%) saturate(569%) hue-rotate(104deg) brightness(101%)}.login-core span{position:absolute;bottom:-20px;font:8px 'DM Mono',monospace;color:#c5e4d7;letter-spacing:.13em}.login-node{position:absolute;z-index:3;background:#10262a;border:1px solid rgba(147,194,193,.16);padding:7px 9px;border-radius:5px;font-size:9px;color:#bed4d0;box-shadow:0 8px 20px rgba(0,0,0,.3)}.login-node i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--cyan);margin-right:6px;box-shadow:0 0 8px var(--cyan)}.login-node-a{left:7%;top:22%}.login-node-b{right:8%;top:17%}.login-node-c{right:12%;bottom:14%}.login-footnote{margin-top:auto;border-top:1px solid var(--line);padding-top:14px;display:flex;justify-content:space-between;color:#6e898b;font-size:9px}.login-footnote span:first-child{font-family:'DM Mono',monospace;letter-spacing:.1em}.login-form-side{padding:45px 48px;display:flex;flex-direction:column;justify-content:center}.login-form-head{display:flex;justify-content:space-between;align-items:center}.settings-trigger{background:transparent;color:#789294;padding:5px}.settings-trigger svg{width:17px}.login-form-side h2{font-size:29px;margin:31px 0 5px;letter-spacing:-.04em}.login-subtitle{color:var(--muted);font-size:11px;margin:0 0 29px}.login-form-side form>label,.api-settings label{display:block;font-size:10px;color:#a9c0bc;margin:17px 0 8px}.input-shell{height:44px;border:1px solid rgba(147,194,193,.18);background:rgba(15,34,39,.78);display:flex;align-items:center;gap:11px;padding:0 13px;transition:.2s}.input-shell:focus-within{border-color:rgba(78,226,176,.62);box-shadow:0 0 0 3px rgba(78,226,176,.07)}.input-shell>svg{width:15px;color:#6e9292}.input-shell input{width:100%;height:100%;color:#edf8f4;background:transparent;border:0;outline:0;font-size:12px}.input-shell input::placeholder{color:#567174}.show-password{background:transparent;color:#769194;display:grid;place-items:center;padding:4px}.show-password svg{width:16px}.login-error{min-height:18px;padding-top:8px;color:#f38b77;font-size:10px}.login-submit{margin-top:10px;width:100%;height:46px;background:linear-gradient(105deg,#1aa982,#38d6a3);color:#04211b;display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;font-weight:700;box-shadow:0 8px 24px rgba(35,213,157,.16);transition:.2s}.login-submit:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 11px 28px rgba(35,213,157,.25)}.login-submit svg{width:16px}.login-submit:disabled{opacity:.6;cursor:wait}.login-security{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:30px;color:#688487;font-size:9px}.login-security svg{width:14px;color:#4fbf97}.api-settings{padding:12px;margin-top:17px;background:#0c1e23;border:1px solid var(--line)}.api-settings[hidden]{display:none}.settings-input-row{display:flex;gap:6px}.settings-input-row input{min-width:0;flex:1;background:#071316;border:1px solid var(--line);padding:9px;color:var(--text);font:10px 'DM Mono',monospace}.settings-input-row button{background:#17483d;color:var(--green);padding:0 11px;font-size:10px}.api-settings small{display:block;color:#6f8a8c;font-size:9px;margin-top:8px}.login-copyright{position:fixed;bottom:18px;left:0;right:0;text-align:center;color:#526b70;font:9px 'DM Mono',monospace;letter-spacing:.05em;z-index:1}.login-copyright span{margin-left:9px;color:#344b4f}.dashboard-screen{display:grid;grid-template-rows:67px minmax(0,1fr) 25px;min-width:1000px;background-image:linear-gradient(rgba(126,177,177,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(126,177,177,.024) 1px,transparent 1px);background-size:38px 38px;background-position:center 67px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 23px;border-bottom:1px solid var(--line);background:rgba(5,15,18,.78);backdrop-filter:blur(14px);position:relative}.topbar:after{content:"";position:absolute;height:1px;left:19%;right:19%;bottom:-1px;background:linear-gradient(90deg,transparent,rgba(78,226,176,.65),rgba(72,204,224,.4),transparent);box-shadow:0 0 12px rgba(78,226,176,.28)}.topbar-brand{display:flex;align-items:center;gap:10px;min-width:225px}.topbar-brand img{width:31px;height:31px;object-fit:contain;filter:brightness(0) saturate(100%) invert(78%) sepia(43%) saturate(569%) hue-rotate(104deg) brightness(101%)}.topbar-brand strong{display:block;font-size:13px;letter-spacing:.06em}.topbar-brand strong span{font:500 9px 'DM Mono',monospace;color:var(--green);margin-left:3px}.topbar-brand small{display:block;margin-top:3px;font-size:8px;color:#81999a;letter-spacing:.1em}.topbar-title{height:100%;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.1em}.topbar-title small{font:8px 'DM Mono',monospace;color:#61797d;letter-spacing:.11em;margin-left:5px}.title-mark{width:7px;height:7px;background:var(--green);transform:rotate(45deg);box-shadow:0 0 12px rgba(78,226,176,.7)}.topbar-right{display:flex;align-items:center;gap:13px;min-width:310px;justify-content:flex-end}.connection-state{display:flex;align-items:center;gap:7px;color:#81a29b;font-size:9px;padding-right:13px;border-right:1px solid var(--line)}.connection-state i{width:6px;height:6px;border-radius:50%;background:#788a8c}.connection-state.is-connected i{background:var(--green);box-shadow:0 0 10px rgba(78,226,176,.75)}.connection-state.is-error i{background:var(--orange);box-shadow:0 0 10px rgba(245,138,103,.65)}.top-clock{text-align:right;display:flex;flex-direction:column;gap:2px}.top-clock strong{font:500 15px 'DM Mono',monospace;letter-spacing:.04em}.top-clock span{font:8px 'DM Mono',monospace;color:#799092}.top-icon{background:transparent;color:#80a09d;padding:5px;display:grid;place-items:center;transition:.2s}.top-icon:hover{color:var(--green)}.top-icon svg{width:16px}.top-icon.is-loading svg{animation:spin 1s linear infinite}.dashboard-main{padding:13px 15px 10px;min-height:0;display:grid;grid-template-rows:92px minmax(0,1fr);gap:11px}.kpi-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;min-height:0}.kpi-card{min-width:0;position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(135deg,rgba(14,34,39,.96),rgba(9,23,27,.94));padding:12px 15px 9px;box-shadow:0 8px 24px rgba(0,0,0,.1);isolation:isolate}.kpi-card:before{content:"";position:absolute;left:0;top:0;right:0;height:2px;background:linear-gradient(90deg,var(--tone),transparent 90%);opacity:.84}.kpi-card:after{content:"";position:absolute;width:100px;height:100px;right:-45px;top:-59px;border-radius:50%;border:1px solid color-mix(in srgb,var(--tone),transparent 72%);box-shadow:0 0 0 14px color-mix(in srgb,var(--tone),transparent 95%);z-index:-1}.kpi-top{display:flex;justify-content:space-between;align-items:center;color:#99b1b0;font-size:10px}.kpi-top svg{width:14px;color:var(--tone)}.kpi-card>strong{display:block;font:500 22px 'DM Mono',monospace;letter-spacing:-.04em;margin:7px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f0faf7}.kpi-card>small{font-size:9px;color:#668184}.kpi-card>small b{color:#b4ccca;font:10px 'DM Mono',monospace}.kpi-green{--tone:var(--green)}.kpi-cyan{--tone:var(--cyan)}.kpi-blue{--tone:var(--blue)}.kpi-violet{--tone:var(--violet)}.kpi-gold{--tone:var(--gold)}.kpi-teal{--tone:#6cdbc9}.kpi-sweep{position:absolute;left:-120%;top:0;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.035),transparent);transform:skewX(-22deg);animation:sweep 7.5s ease-in-out infinite}.kpi-card:nth-child(2) .kpi-sweep{animation-delay:1.1s}.kpi-card:nth-child(3) .kpi-sweep{animation-delay:2.2s}.kpi-card:nth-child(4) .kpi-sweep{animation-delay:3.3s}.kpi-card:nth-child(5) .kpi-sweep{animation-delay:4.4s}.kpi-card:nth-child(6) .kpi-sweep{animation-delay:5.5s}.monitor-grid{display:grid;grid-template-columns:minmax(225px,.86fr) minmax(420px,1.45fr) minmax(255px,.91fr);gap:11px;min-height:0}.column{display:grid;gap:11px;min-width:0;min-height:0}.column-left{grid-template-rows:minmax(0,1.16fr) minmax(0,.84fr)}.column-center{grid-template-rows:minmax(0,1.28fr) minmax(0,.72fr)}.column-right{grid-template-rows:minmax(0,1.18fr) minmax(0,1fr) 74px}.panel{min-width:0;min-height:0;position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(145deg,rgba(13,31,36,.97),rgba(9,23,27,.98));box-shadow:0 12px 30px rgba(0,0,0,.16);padding:15px 16px}.panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(76,174,157,.025),transparent 38%)}.panel-heading{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:start;gap:10px}.panel-heading h2{font-size:13px;margin:4px 0 0;font-weight:700;letter-spacing:.04em}.panel-index{font:9px 'DM Mono',monospace;color:#688184;letter-spacing:.07em}.panel-index b{font-weight:400;color:#708c8e;margin-left:4px}.live-tag{color:var(--green);font:9px 'DM Mono',monospace;letter-spacing:.08em;border:1px solid rgba(78,226,176,.18);padding:5px 7px;border-radius:3px}.live-tag i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green);margin-right:5px;vertical-align:1px;animation:blink 1.6s infinite}.heading-icon{width:17px;color:#729493}.panel-fuel{display:flex;flex-direction:column}.energy-chart-wrap{position:relative;flex:1;min-height:110px;margin-top:3px}.chart-box{width:100%;height:100%;min-height:100px}.chart-center-label{pointer-events:none;position:absolute;left:50%;top:51%;transform:translate(-50%,-50%);text-align:center;white-space:nowrap}.chart-center-label small,.capital-total small{display:block;color:#769092;font-size:8px}.chart-center-label strong{font:500 15px 'DM Mono',monospace;display:block;margin-top:4px}.energy-legend{display:grid;gap:8px;margin:0 3px 12px}.energy-legend>div{display:grid;grid-template-columns:8px 1fr auto;gap:8px;align-items:center;font-size:9px;color:#829a9b}.energy-legend strong{color:#c8dcda;font:10px 'DM Mono',monospace}.legend-dot{width:7px;height:7px;display:inline-block;border-radius:50%}.fuel-dot{background:#49dfae;box-shadow:0 0 8px rgba(73,223,174,.35)}.charge-dot{background:#4bc9e2;box-shadow:0 0 8px rgba(75,201,226,.35)}.cost-dot{background:#f1b361;box-shadow:0 0 8px rgba(241,179,97,.3)}.profit-dot{background:#ad8cff;box-shadow:0 0 8px rgba(173,140,255,.3)}.panel-divider{height:1px;background:var(--line);margin:0 0 10px}.today-volume{display:grid;grid-template-columns:1fr 1fr;gap:8px}.today-volume>div{display:grid;grid-template-columns:1fr auto;gap:3px 6px}.today-volume span{grid-column:1 / -1;color:#738d8e;font-size:8px}.today-volume strong{font:500 14px 'DM Mono',monospace}.today-volume strong small{font:9px 'Noto Sans SC',sans-serif;color:#81999b}.today-volume em{font:9px 'DM Mono',monospace;color:#4fbf9c;font-style:normal;align-self:end}.compact{align-items:center}.asset-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.asset-cell{display:flex;align-items:center;gap:9px;background:rgba(18,42,47,.72);border:1px solid rgba(147,194,193,.08);padding:9px;min-width:0}.asset-cell>i{width:28px;height:28px;border:1px solid rgba(78,226,176,.18);display:grid;place-items:center;color:var(--green);background:rgba(78,226,176,.055);padding:6px;flex:none}.asset-cell svg{width:14px;height:14px}.asset-cell small{display:block;color:#779192;font-size:8px}.asset-cell strong{display:block;margin-top:4px;font:500 15px 'DM Mono',monospace;white-space:nowrap}.asset-foot{border-top:1px solid var(--line);margin-top:12px;padding-top:9px;display:flex;gap:7px;align-items:center;color:#6f898a;font-size:8px}.asset-foot strong{font:10px 'DM Mono',monospace;color:var(--green);margin-left:auto}.panel-main-chart{display:flex;flex-direction:column}.chart-legend{display:flex;align-items:center;gap:10px;color:#819798;font-size:8px}.chart-legend span{display:flex;gap:5px;align-items:center;white-space:nowrap}.chart-caption{display:flex;justify-content:space-between;margin-top:18px;color:#70898b;font-size:8px}.chart-caption span:last-child{font-family:'DM Mono',monospace;color:#93aaab}.monthly-chart{flex:1;min-height:135px}.monthly-totals{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:11px;gap:8px}.monthly-totals>div{min-width:0}.monthly-totals span{display:block;color:#748c8f;font-size:8px}.monthly-totals strong{display:block;margin-top:5px;font:500 14px 'DM Mono',monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monthly-totals>div:nth-child(3) strong{color:var(--green)}.capital-panel{display:flex;flex-direction:column}.data-caption{font-size:8px;color:#6f898a}.capital-content{flex:1;min-height:0;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:8px}.capital-chart-wrap{height:150px;position:relative;min-width:0}.capital-total{position:absolute;pointer-events:none;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;white-space:nowrap}.capital-total strong{font:500 13px 'DM Mono',monospace;display:block;margin-top:5px}.capital-list{display:grid;gap:11px}.capital-list>div{display:grid;grid-template-columns:7px 1fr auto;gap:7px;align-items:center;color:#809798;font-size:8px}.capital-list strong{font:10px 'DM Mono',monospace;color:#cbdcda;white-space:nowrap}.capital-swatch{width:6px;height:6px;border-radius:50%}.oil-swatch{background:#50dfaf}.ev-swatch{background:#4bc9e2}.fleet-swatch{background:#f1b361}.month-summary{display:flex;flex-direction:column}.summary-primary{padding:14px 0 12px;border-bottom:1px solid var(--line);margin:4px 0 3px}.summary-primary>span{display:block;color:#81989a;font-size:9px}.summary-primary>strong{display:block;font:500 24px 'DM Mono',monospace;margin-top:6px;color:#f1faf7;letter-spacing:-.04em}.summary-primary>div{display:grid;grid-template-columns:34px 1fr 34px 1fr;gap:5px;align-items:center;margin-top:10px;font-size:8px;color:#6e8789}.summary-primary>div b{font:9px 'DM Mono',monospace;color:#abc2bf}.summary-row{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:34px;border-bottom:1px solid rgba(147,194,193,.07);font-size:9px;color:#86a0a0}.summary-row>span{display:flex;align-items:center;gap:7px}.summary-row>strong{font:10px 'DM Mono',monospace;color:#ccdcda;white-space:nowrap}.summary-icon{width:21px;height:21px;border-radius:5px;padding:4px}.summary-icon svg{width:13px;height:13px}.income-icon{background:rgba(78,226,176,.1);color:var(--green)}.margin-icon{background:rgba(173,140,255,.1);color:var(--violet)}.lock-icon{background:rgba(243,191,101,.11);color:var(--gold)}.inspection-panel{display:flex;flex-direction:column}.inspection-count{font:9px 'DM Mono',monospace;color:#7d9995}.inspection-list{position:relative;z-index:1;display:grid;gap:8px;margin-top:16px}.inspection-item{display:grid;grid-template-columns:7px 1fr auto;gap:8px;align-items:center;color:#81999a;font-size:8px}.inspection-item>i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px rgba(78,226,176,.35)}.inspection-item.is-warning>i{background:var(--orange);box-shadow:0 0 8px rgba(245,138,103,.35)}.inspection-item strong{font-weight:500;color:#c4d8d4}.inspection-item small{color:#5d797d;font:8px 'DM Mono',monospace}.inspection-footer{display:flex;align-items:center;gap:6px;border-top:1px solid var(--line);padding-top:9px;margin-top:auto;color:#71908a;font-size:8px}.inspection-pulse{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(78,226,176,.08)}.inspection-footer .check-time{margin-left:auto;font:8px 'DM Mono',monospace;color:#587477}.sync-panel{display:flex;align-items:center;gap:11px;padding:11px 14px}.sync-icon{position:relative;width:32px;height:32px;background:rgba(78,226,176,.09);border:1px solid rgba(78,226,176,.17);display:grid;place-items:center;color:var(--green)}.sync-icon svg{width:16px}.sync-icon span{position:absolute;right:1px;top:1px;width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:blink 1.5s infinite}.sync-panel>div:nth-child(2){display:grid;gap:3px}.sync-panel small{font-size:8px;color:#708b8b}.sync-panel strong{font-size:10px;font-weight:500;color:#d0e0dc}.sync-panel>div:nth-child(2)>span{font-size:8px;color:#627d7f}.sync-panel>div:nth-child(2)>span b{font:8px 'DM Mono',monospace;color:var(--green)}.sync-panel button{margin-left:auto;background:transparent;color:#72928d;padding:5px}.sync-panel button svg{width:14px}.sync-panel button:hover{color:var(--green)}.statusbar{display:flex;justify-content:space-between;align-items:center;padding:0 17px;border-top:1px solid var(--line);background:rgba(5,14,17,.88);color:#5e797c;font:8px 'DM Mono',monospace;letter-spacing:.04em}.statusbar>div{display:flex;align-items:center;gap:9px}.statusbar b{font-weight:400;color:#91aaa8}.statusbar-dot{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.status-separator{width:1px;height:9px;background:var(--line-strong)}.toast{position:fixed;z-index:80;left:50%;bottom:35px;transform:translate(-50%,12px);opacity:0;pointer-events:none;background:#16352f;border:1px solid rgba(78,226,176,.32);color:#d9f8eb;padding:11px 15px;font-size:10px;box-shadow:0 12px 32px rgba(0,0,0,.3);transition:.25s}.toast.is-visible{opacity:1;transform:translate(-50%,0)}
@keyframes radarPulse{0%{opacity:.8;scale:.72}75%,100%{opacity:0;scale:1.18}}@keyframes blink{0%,100%{opacity:1}50%{opacity:.42}}@keyframes sweep{0%,65%,100%{left:-120%}80%{left:140%}}@keyframes spin{to{transform:rotate(360deg)}}
@keyframes radarPulse{0%{opacity:.8;scale:.72}75%,100%{opacity:0;scale:1.18}}@keyframes blink{0%,100%{opacity:1}50%{opacity:.42}}@keyframes sweep{0%,65%,100%{left:-120%}80%{left:140%}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1450px){.dashboard-screen{grid-template-rows:61px minmax(0,1fr) 23px}.dashboard-main{padding:10px 11px 8px;grid-template-rows:82px minmax(0,1fr);gap:8px}.topbar{padding:0 16px}.monitor-grid,.column{gap:8px}.monitor-grid{grid-template-columns:minmax(215px,.88fr) minmax(385px,1.42fr) minmax(235px,.92fr)}.panel{padding:12px}.kpi-card{padding:10px 12px 8px}.kpi-card>strong{font-size:19px}.panel-heading h2{font-size:12px}.monthly-totals strong{font-size:12px}.summary-primary>strong{font-size:21px}}
@media(max-height:820px) and (min-width:1001px){.dashboard-screen{grid-template-rows:57px minmax(0,1fr) 22px}.dashboard-main{padding-top:8px;padding-bottom:6px;grid-template-rows:74px minmax(0,1fr);gap:7px}.kpi-card{padding-top:8px}.kpi-card>strong{font-size:18px;margin:5px 0 3px}.panel{padding:10px 11px}.column{gap:7px}.monitor-grid{gap:7px}.chart-caption{margin-top:12px}.energy-legend{gap:5px;margin-bottom:7px}.today-volume strong{font-size:12px}.asset-grid{margin-top:10px;gap:6px}.asset-cell{padding:7px}.asset-foot{margin-top:8px;padding-top:7px}.monthly-totals{padding-top:8px}.summary-primary{padding:9px 0 8px}.summary-primary>strong{font-size:19px}.summary-row{min-height:29px}.inspection-list{gap:6px;margin-top:11px}.inspection-footer{padding-top:6px}}
@media(max-width:1000px){body{overflow:auto}.login-layout{max-width:580px;grid-template-columns:1fr}.login-brand-side{min-height:310px;padding:26px 30px 18px;border-right:0;border-bottom:1px solid var(--line)}.login-message{margin-top:31px}.login-message h1{font-size:30px;margin:12px 0 6px}.login-message p{max-width:440px;font-size:10px}.login-visual{position:absolute;right:12px;bottom:15px;width:230px;height:130px;opacity:.62}.login-footnote{margin-top:22px}.login-form-side{padding:30px}.login-form-side h2{margin-top:22px}.login-screen{min-height:100dvh;height:auto}.dashboard-screen{min-width:0;height:auto;min-height:100dvh;display:block;overflow:auto}.topbar{height:60px}.topbar-title{display:none}.topbar-right{min-width:0}.dashboard-main{display:block;padding:10px}.kpi-row{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:84px;margin-bottom:10px}.monitor-grid{grid-template-columns:1fr 1fr;grid-auto-rows:auto}.column-left,.column-center,.column-right{display:contents}.panel-fuel{grid-column:1;grid-row:1;min-height:350px}.asset-panel{grid-column:1;grid-row:2;min-height:235px}.panel-main-chart{grid-column:2;grid-row:1;min-height:350px}.capital-panel{grid-column:2;grid-row:2;min-height:235px}.month-summary{grid-column:1;grid-row:3;min-height:280px}.inspection-panel{grid-column:2;grid-row:3;min-height:280px}.sync-panel{grid-column:1 / -1;min-height:72px}.statusbar{height:25px}}
@media(max-width:620px){.login-screen{padding:20px 12px 45px}.login-layout{min-height:0}.login-brand-side{padding:22px 22px 16px;min-height:300px}.brand-lockup img{width:31px;height:31px}.login-message{margin-top:35px}.login-message h1{font-size:29px}.login-message p{max-width:320px}.login-visual{width:170px;height:104px;right:3px;bottom:36px;opacity:.32}.login-node{display:none}.login-footnote{font-size:8px}.login-form-side{padding:27px 22px}.login-copyright{bottom:13px;font-size:8px}.topbar{padding:0 10px}.topbar-brand{min-width:0}.topbar-brand img{width:27px;height:27px}.topbar-brand strong{font-size:11px}.topbar-brand small{font-size:7px}.topbar-right{gap:7px}.connection-state{font-size:8px;padding-right:7px}.top-clock strong{font-size:12px}.top-clock span{font-size:7px}.top-icon svg{width:14px}.dashboard-main{padding:8px}.kpi-row{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:80px;gap:7px}.kpi-card{padding:9px 10px 7px}.kpi-top{font-size:9px}.kpi-card>strong{font-size:17px}.kpi-card>small{font-size:8px}.monitor-grid{display:flex;flex-direction:column;gap:8px}.panel{padding:13px;min-height:unset}.panel-fuel{height:370px}.asset-panel{height:230px}.panel-main-chart{height:340px}.capital-panel{height:230px}.month-summary{height:295px}.inspection-panel{min-height:245px}.sync-panel{height:70px}.monthly-chart{min-height:145px}.statusbar{padding:0 8px;font-size:7px}.statusbar>div{gap:5px}.statusbar>div:first-child b,.statusbar>div:nth-child(2)>span:first-child{display:none}.status-separator{height:7px}}
.inspection-item{grid-template-columns:6px minmax(64px,.9fr) minmax(0,1.35fr) auto;gap:6px}.inspection-item small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspection-item>span{font:8px 'DM Mono',monospace;color:var(--green);white-space:nowrap}.inspection-item.is-warning>span{color:var(--orange)}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}#particleField{display:none}}