.login-wrapper{-ms-overflow-style:none;background-color:#fff;font-family:Titillium Web,sans-serif;max-height:100vh;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding-top:40px;scrollbar-width:none;text-align:center}.login-wrapper::-webkit-scrollbar{display:none}.login-header{align-items:center;display:flex;justify-content:space-between;left:auto;margin-bottom:20px;padding:0 10px;position:relative;right:auto;top:auto}.logo{margin-top:0}.title{color:#575757;flex-grow:1;font-weight:700;margin:0;text-align:center;transform:translateY(-60px)}.time,.title{font-size:14px}.time{color:#000!important;font-weight:700!important;transform:translateY(-60px)!important}.form-inner{width:100%}.login-form{font-family:Titillium Web,sans-serif;margin:180px auto 0;position:relative;text-align:right;width:320px}.login-form h2{color:#575757;font-size:52px;font-weight:600;margin-bottom:20px;text-align:left}.login-form form{display:flex;flex-direction:column;gap:15px}.login-form input{background-color:#fcfcfc;border:.5px solid #dcdcdc;border-radius:6px;font-size:16px;padding:14px;transition:border-color .3s,box-shadow .3s;width:90%}.login-form input:focus,.login-form input:hover{border-color:#fe231f;box-shadow:0 0 5px #3437d44d;outline:none}.button-wrapper{bottom:-50px;display:flex;justify-content:flex-end;position:absolute;right:0;width:100%}.login-form button{background:#fff;border:1px solid #fe231f;border-radius:6px;color:#575757;cursor:pointer;font-family:Titillium Web,sans-serif;font-size:16px;font-weight:400;font-weight:800;padding:5px 23px;transition:all .3s ease;width:100px}.login-form button:hover{background-color:#fe231f;color:#fff}.password-field{align-items:center;display:flex;position:relative}.password-field input{padding-right:40px;width:100%}.eye-icon{color:#fe231f;cursor:pointer;font-size:18px;position:absolute;right:10px}.building-wrapper{-ms-overflow-style:none;background-color:#fff;font-family:Titillium Web,sans-serif;max-height:100vh;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding-top:40px;scrollbar-width:none;text-align:center}.building-wrapper::-webkit-scrollbar{display:none}.building-header{align-items:center;display:flex;justify-content:space-between;left:auto;margin-bottom:20px;padding:0 10px;position:relative;right:auto;top:auto}.logo{height:135px!important;margin-top:-35px;object-fit:contain}.title2{margin-left:0;text-align:left}.title1,.title2{color:#222;flex-grow:1;font-size:14px;font-weight:700;transform:translateY(-60px)}.title1{margin-left:80px;text-align:center}.time{color:#000;font-size:13px;margin-right:20px;transform:translateY(-60px)}.admin-text{color:#fe231f}.admin-text,.user-text{flex-grow:1;font-size:14px;font-weight:700;margin:0;text-align:center;transform:translateY(-60px)}.user-text{color:#fff}.logout-button{background:#fff;border:.5px solid #fe231f;border-radius:6px;color:#575757;cursor:pointer;font-family:Titillium Web,sans-serif;font-size:16px;font-weight:400;font-weight:800;padding:5px 23px;transform:translateY(-60px)!important;transition:all .3s ease}.logout-button:hover{background:#fe231f;color:#fff}.header-button1{align-items:center;background-color:#fff;border:1px solid #fe231f;border-radius:5px;color:#575757;cursor:pointer;display:flex;font-size:14px;height:40px;justify-content:center;min-width:130px;padding:8px 16px;text-align:center}.header-button1:disabled{cursor:not-allowed;opacity:.6}.header-button1:hover:not(:disabled){background-color:#fe231f;color:#fff}.charts-grid,.status-grid{grid-gap:188px;align-items:stretch;display:grid;gap:188px;grid-template-columns:repeat(3,minmax(280px,1fr));margin:0 25px 16px}@media (max-width:900px){.charts-grid,.status-grid{gap:38px;grid-template-columns:1fr}}.card-section{display:flex;flex-wrap:wrap;gap:25px;justify-content:center;padding:100px 20px}.card{background-color:#fff;border-radius:10px;box-shadow:0 0 10px #00000014;padding:20px;text-align:center;transition:transform .2s ease;width:250px}.card:hover{transform:translateY(-4px)}.card img{border-radius:6px;height:230px;margin-bottom:15px;object-fit:cover;width:100%}.card h3{color:#222;font-size:18px;margin:8px 0 2px}.card p{color:#777;font-size:14px;margin:0 0 20px}.actions{display:flex;justify-content:space-between}.actions button{background:#fff;border:.5px solid #fe231f;border-radius:6px;color:#575757;cursor:pointer;flex:1 1;font-family:Titillium Web,sans-serif;font-size:16px;font-weight:800;margin:0 10px;padding:3px 23px;transition:all .3s ease;width:100px}.actions button:hover{background-color:#fe231f;color:#fff}.device-breadcrumb-wrapper{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin:5px 10px 0 25px}.device-breadcrumb{align-items:center;display:flex;font-family:Titillium Web;font-size:24px;font-weight:600}.add-device-button{align-items:flex-end;background:#fff;border:.5px solid #fe231f;border-radius:6px;color:#575757;cursor:pointer;font-family:Titillium Web,sans-serif;font-size:16px;font-weight:800;padding:3px 23px;position:flex;transition:all .3s ease;width:100px}.add-device-button:hover{background-color:#fe231f;color:#fff}.add-area-button{align-items:flex-end;background:#fff;border:.5px solid #fe231f;border-radius:6px;color:#575757;cursor:pointer;font-family:Titillium Web,sans-serif;font-size:16px;font-weight:800;padding:3px 23px;position:flex;transition:all .3s ease;width:100px}.add-area-button:hover{background-color:#fe231f;color:#fff}.device-content{align-items:center;display:flex;flex-direction:column;margin-top:40px}.device-status-table{margin-bottom:40px;width:250px}.device-status-table table{border-collapse:collapse;width:100%}.device-status-table th{background-color:#fe231f;color:#fff;font-weight:600;padding:5px;text-align:center}.device-status-table td{border:1px solid #ddd;font-size:13px;padding:4px 5px;text-align:left}.breadcrumb-inner{align-items:center;display:inline-flex;flex-wrap:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width:868px){.add-device-button{margin-right:auto;margin-top:20px}.add-area-button{margin-left:auto;margin-top:auto}.breadcrumb-inner{font-size:16px;max-width:90vw}.breadcrumb-text{overflow:hidden;text-overflow:ellipsis}.chart-container{height:350px;padding:0 20px}}.no-data{color:gray;font-size:20px;font-weight:500;margin-top:200px}.breadcrumb-arrow{color:#fe231f;cursor:pointer;flex-shrink:0;font-size:28px;margin-right:8px}.breadcrumb-text{color:#1a1a1a}.charts-row{align-items:stretch;display:flex;gap:16px;margin-top:14px}.chart-container{background:#fff;border:1px solid #e6e9f2;border-radius:14px;box-shadow:0 2px 10px #1018280a;box-sizing:border-box;flex:1 1;height:390px;margin-bottom:24px;min-width:0;overflow:visible;padding:12px}.chart-container canvas{display:block;height:100%!important;width:100%!important}@media (max-width:1024px){.charts-row{flex-direction:column}}.top-actions{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-right:2px;margin-top:20px}.date-picker-section{flex-shrink:0}.date-picker-input{border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 5px #0000001a;font-size:16px;padding:6px 15px;transition:border .2s ease;width:220px}.date-picker-input:focus{border-color:#fe231f;outline:none}.button-section{display:flex;flex-direction:column;gap:10px}.delete-device-button,.filter-btn{background:#fff;border:.5px solid #fe231f;border-radius:6px;color:#575757;cursor:pointer;font-family:Titillium Web,sans-serif;font-size:16px;font-weight:800;padding:3px 23px;transition:all .3s ease;width:100px}.delete-device-button:hover,.filter-btn:hover{background-color:#fe231f;color:#fff}.report-table{border-collapse:collapse;box-shadow:0 0 10px #0000001a;font-size:11px;margin-left:40px;margin-top:40px;width:30%}.report-table thead tr{background-color:#fe231f;color:#fff}.report-table td,.report-table th{border:.5px solid #a79f9f;padding:2px;text-align:center}.report-table tbody tr:nth-child(2n){background-color:#f9f9f9}@media screen and (max-width:768px){.breadcrumb-inner{align-items:flex-start;display:flex;flex-direction:column;gap:5px;text-align:left}.breadcrumb-inner,.breadcrumb-text{white-space:normal;word-break:break-word}.breadcrumb-text{font-size:18px}.building-header{gap:10px;padding:10px 15px}.building-header,.top-actions{align-items:flex-start;flex-direction:column}.top-actions{margin:20px}.date-picker-section{margin-bottom:10px;width:100%}.date-picker-input{font-size:16px;width:100%}.button-section{display:flex;flex-direction:column;gap:10px;width:100%}.add-area-button,.add-device-button,.filter-btn{width:112%}.logo{margin-bottom:-20px;order:1}.admin-text,.user-text{align-self:flex-end;margin-left:5px;margin-top:-10px;order:2}h1{font-size:16px;margin:50px 0 0;order:3;text-align:right}.nested-table,.report-table{min-width:900px}.table-scroller{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.nested-table,.report-table{border-collapse:collapse;min-width:1400px;table-layout:fixed;width:100%}.nested-table td,.nested-table th,.report-table td,.report-table th{border:1px solid #dfe7ef;font-size:12px;padding:6px 8px;text-align:center;vertical-align:middle}.nested-table th,.report-table th{line-height:1.2;white-space:normal;word-break:break-word}.num{text-align:right!important}.col-time{min-width:80px}.col-small{min-width:70px}.col-medium{min-width:90px}.report-wrapper{max-width:100%}@media (max-width:640px){.building-wrapper,.report-wrapper{max-width:100vw;overflow-x:hidden}.nested-table td,.nested-table th,.report-table td,.report-table th{font-size:11px;padding:6px}}.logout-button{align-self:flex-end;margin-top:-10px;order:4}.time{display:none}}.loader{animation:spin 1s linear infinite;border:6px solid #f3f3f3;border-radius:50%;border-top-color:#fe231f;height:50px;margin:100px auto;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.generator-card{background:#fff;border:1px solid #e6e9f2;border-radius:14px;box-shadow:0 2px 10px #1018280a;gap:18px;padding:16px;width:100%}.gauge-box,.generator-card{align-items:center;display:flex}.gauge-box{flex-direction:column;gap:6px;min-width:150px}.gauge-subtext{color:#6b7280;font-size:15px;line-height:1.2;text-align:center}.gauge-subtext.strong{color:#111827;font-weight:600}.status-col{display:flex;flex:1 1;flex-direction:column;gap:10px}.status-chip{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;display:flex;font-size:15px;font-weight:600;justify-content:space-between;letter-spacing:.2px;padding:10px 12px}.status-chip.ok{background:#ecfdf5;border-color:#d1fae5;color:#065f46}.status-chip.bad{background:#fef2f2;border-color:#fee2e2;color:#7f1d1d}.status-chip.warn{background:#fffbeb;border-color:#fde68a;color:#92400e}.status-chip .chip-value{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@keyframes blink{50%{opacity:.55}}@media (max-width:768px){.generator-card{align-items:stretch;flex-direction:column}.gauge-box{align-self:center}}.fuel-card,.generator-card{align-items:center;background:#fff;border:1px solid #e6e9f2;border-radius:14px;box-shadow:0 2px 10px #1018280a;display:flex;gap:18px;padding:16px;width:100%}.chart-toolbar{align-items:center;display:flex;gap:8px;justify-content:center;margin:8px 0 6px}.chart-tab{background:#fff;border:1px solid #e6e9f2;border-radius:10px;cursor:pointer;font-weight:600;letter-spacing:.2px;padding:6px 10px}.chart-tab.active{background:#fe231f;border-color:#fe231f;color:#fff}.chart-tab:hover{filter:brightness(.98)}.last-updated-pill{align-items:center;background:#f8fafc;border:1px solid #e6e9f2;border-radius:9px;color:#0f172a;display:flex;font-size:12px;gap:8px;margin:6px 0 10px;padding:6px 10px;width:-webkit-max-content;width:max-content}.last-updated-pill .dot{opacity:.6}.engine-card{background:#fff;border:1px solid #e6eef6;border-radius:14px;box-shadow:0 2px 8px #1018280f;display:flex;flex-direction:column;gap:10px;min-width:360px;overflow:visible;padding:16px 18px}.engine-card .card-title{border-bottom:1px solid #eef2f7;color:#0f172a;font-size:14px;font-weight:600;letter-spacing:.4px;margin-bottom:6px;padding-bottom:6px;text-transform:uppercase}.engine-gauges{grid-gap:10px;align-items:start;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(80px,1fr))}.engine-gauge{grid-gap:6px;display:grid;gap:6px;justify-items:center}.engine-gauge .CircularProgressbar{max-width:90%;width:80px}.engine-gauge .egauge-label{font-size:14px;font-weight:600;line-height:1.2}.engine-gauge .egauge-scale{color:#64748b;font-size:14px;font-weight:600}@media (max-width:1400px){.engine-gauge .CircularProgressbar{width:60px}}@media (max-width:1200px){.engine-gauges{grid-template-columns:repeat(2,minmax(120px,1fr))}}@media (max-width:820px){.engine-gauges{grid-template-columns:1fr}.engine-gauge .CircularProgressbar{width:120px}}@media (max-width:640px){.fuel-card{align-items:center;flex-direction:column;text-align:center}.fuel-card .status-chip{border-radius:10px;justify-content:space-between;padding:10px 12px}.fuel-card .gauge-subtext{text-align:center}}.device-content{box-sizing:border-box;margin:0 auto;max-width:1500px;padding:0 16px}.status-grid{grid-gap:20px;align-items:stretch;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));width:100%}.device-status-table,.engine-card,.fuel-card,.generator-card{box-sizing:border-box;min-width:0;width:100%}.engine-card,.gauge-box{min-width:0}.gauge-box{width:150px}@media (max-width:1280px){.device-content{max-width:1500px}}@media (max-width:1024px){.status-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width:640px){.fuel-card{align-items:center;flex-direction:column;text-align:center}.fuel-card .status-col{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr;margin-top:12px;width:100%}}.engine-warnings.two{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(140px,1fr));margin-top:8px}.warn-pill{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;color:#065f46;display:flex;font-size:15px;font-weight:600;justify-content:center;margin-top:8px;padding:8px 44px;text-align:center}.warn-pill.ok{background:#ecfdf5;border-color:#d1fae5;color:#065f46}.warn-pill.high{background:#fff7ed;border-color:#fdba74;color:#9a3412}.warn-pill.low{background:#fef2f2;border-color:#fecaca;color:#7f1d1d}.warn-pill.alert{background:#fff7ed;border-color:#fdba74;color:#9a3412}.warn-pill.crit{background:#fee2e2;border-color:#fca5a5;color:#7f1d1d}@media (max-width:1480px){.engine-warnings.two{grid-template-columns:1fr}}.run-table-card{background:#fff;border:1px solid #fe231f;border-radius:2px;box-shadow:0 2px 8px #0000000f;margin:16px auto 40px;max-width:1100px;overflow:hidden}.run-table-title{background:#fe231f;color:#fff;font-size:14px;font-weight:700;padding:10px 12px;text-align:center}.run-table-wrapper{overflow-x:auto}.run-table{font-size:14px}.run-table thead th{border-bottom:1px solid #fe231f;border-right:1px solid #fe231f;font-weight:600;padding:10px 12px;text-align:left;white-space:nowrap}.run-table thead th:last-child{border-right:none}.run-table tbody td{border-top:1px solid #e6eaf0;padding:10px 12px;white-space:nowrap}.run-table td.num{text-align:right}.run-table{background:#fff;border-collapse:collapse;font-weight:600;text-align:center;width:100%}.run-table td,.run-table th{padding:8px 10px}.run-table tbody tr:hover{background:#f8fafc}.run-table td.empty{color:#6b7280;padding:16px;text-align:center}@media (max-width:768px){.run-table tbody td,.run-table thead th{font-size:13px;padding:8px 10px}.run-table-card{margin:12px auto 28px}}.run-table td,.run-table th{border:1px solid #d1d5db;color:#0f172a;font-weight:700!important;padding:10px 12px;text-align:center}.run-table thead th{font-weight:700!important}.triple-row{align-items:stretch;display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.mini-panel{flex:1 1 320px;min-width:280px;padding:10px}.mini-chart{height:240px}.run-table-card.compact .run-table-wrapper{max-height:240px}.run-table.small td,.run-table.small th{font-size:13px;line-height:1.2;padding:4px 8px}.run-table.small thead th{padding:6px 8px}@media (max-width:1200px){.mini-panel{flex-basis:calc(50% - 12px);flex-grow:1;flex-shrink:1}}@media (max-width:768px){.mini-panel{flex:1 1 100%}.mini-chart{height:220px}}.triple-row{grid-column-gap:36px;align-items:start;column-gap:36px;display:grid;grid-template-columns:minmax(560px,2fr) minmax(340px,1fr) minmax(560px,2fr);justify-content:center;margin-top:16px}.mini-panel{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;box-sizing:border-box;padding:18px 22px}.center-panel{display:grid;place-items:center}.center-panel .center-inner{grid-gap:8px;display:grid;gap:8px;padding:0;place-items:center;width:100%}.gauge-box{margin-inline:auto;width:180px}.mini-chart{height:360px}@media (max-width:1550px){.triple-row{grid-template-columns:1.5fr 1fr}.triple-row>.mini-panel:last-child{grid-column:1/-1}}@media (max-width:860px){.triple-row{grid-template-columns:1fr}.mini-chart{height:300px}.run-table-card.compact .run-table-wrapper{max-height:300px}}.run-table-card.compact .run-table-wrapper{max-height:360px;overflow:auto}.run-table{border-collapse:initial;border-spacing:0}.run-table thead th{background:#fe231f;color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:2}.run-table thead th:after{background:#00000014;bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.run-table td,.run-table th{white-space:nowrap}.center-panel .CircularProgressbar .CircularProgressbar-text{font-weight:600}.center-panel .fuel-level .value{font-size:20px;font-weight:600}.full-table-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin-bottom:58px;margin-top:58px;padding:12px 12px 0}.full-table-card .run-table-wrapper{max-height:420px;overflow:auto}.run-table.big td,.run-table.big th{padding:10px 12px}.run-table tfoot tr.sticky-total{background:#fe231f!important;bottom:0;box-shadow:0 -2px 6px #0000000f;color:#fff!important;font-weight:600;position:-webkit-sticky;position:sticky;z-index:2}.dummy-panel-wrapper{margin:16px 24px 0}.dummy-panel{align-items:flex-end;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-wrap:wrap;gap:12px 16px;padding:12px 16px}.dummy-panel h3{font-size:14px;font-weight:600;margin:0 0 8px;width:100%}.dummy-row{align-items:center;display:flex;gap:6px}.dummy-row label{font-size:12px;min-width:90px}.dummy-row input{font-size:12px;padding:4px 6px;width:70px}@media (max-width:480px){.date-scroller .filter-btn{font-size:12px;height:34px;line-height:1;min-width:36px;padding:6px 10px}.date-scroller strong{font-size:13px}}.device-form{margin:0 auto;max-width:1400px;padding:0 20px}.device-select{border:1px solid #dcdcdc;border-radius:10px;box-shadow:0 2px 10px #00000014;font-size:15px;margin-bottom:15px;padding:16px;width:100%}.device-fields{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.device-input{border:1px solid #dcdcdc;border-radius:10px;box-shadow:0 2px 10px #00000014;flex:1 1;font-size:15px;padding:16px}.button-group{align-items:flex-end;display:flex;flex-direction:column;gap:10px;transform:translateY(-38px)!important}.header-button{background:#fff;border:.5px solid #fe231f;border-radius:6px;color:#575757;cursor:pointer;font-family:Titillium Web,sans-serif;font-size:16px;font-weight:800;padding:3px 23px;transition:all .3s ease;width:100px}.header-button:hover{background:#fe231f;color:#fff}.upload-section{align-items:center;display:flex;justify-content:start;margin-bottom:30px}.upload-circle{border:1px dashed #ccc;border-radius:50%;height:130px;position:relative;text-align:center;width:130px}.plus{color:#fe231f;display:block;font-size:36px;margin-top:30px}.upload-label{color:#444;font-size:14px}.file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.input-title{background:#fff;border:none;border-radius:12px;box-shadow:0 2px 10px #0000000f;font-size:16px;margin-bottom:25px;padding:16px;width:100%}.desc-label{color:#222;display:block;font-size:14px;font-weight:600;margin-bottom:10px}.desc-box{background:#fff;border:none;border-radius:12px;box-shadow:0 2px 10px #0000000f;font-size:16px;height:200px;margin-bottom:25px;padding:16px;width:100%}.upload-btn{background:#fff;border:1px solid #fe231f;border-radius:5px;color:#444;cursor:pointer;font-size:12px;font-weight:500;padding:10px 25px;transition:.2s ease-in-out}.upload-btn:hover{background:#fe231f;color:#fff}.back-button{align-items:center;color:#fe231f;cursor:pointer;font-family:Titillium Web,sans-serif;font-size:14px;font-size:24px;font-weight:600;left:25px;position:absolute;top:170px}.back-button .arrow-icon{color:#fe231f;font-size:28px;margin-right:8px;position:relative;top:5px}.back-button .back-text{color:#1a1a1a}.CircularProgressbar{vertical-align:middle;width:100%}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;dominant-baseline:middle;text-anchor:middle;font-size:20px}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:#0000}