.loading-screen[data-v-b588aaf4]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000008a;z-index:9999;display:flex;justify-content:center;align-items:center;transition:opacity 2s ease-out}.loading-screen.fade-out[data-v-b588aaf4]{opacity:0}.loading-content[data-v-b588aaf4]{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:600px;padding:20px}.logo-animation[data-v-b588aaf4]{width:200px;height:200px;margin-bottom:40px;position:relative}.logo-animation svg[data-v-b588aaf4]{width:100%;height:100%;transform:scale(1.5);position:relative;z-index:2}.logo-path-glow[data-v-b588aaf4]{fill:none;stroke:#ffeb3b;stroke-width:6;stroke-dasharray:2500;stroke-dashoffset:2500;opacity:.3;filter:url(#strongGlow);animation:drawLogoGlow-b588aaf4 8s ease-in-out forwards,pulseGlow-b588aaf4 3s ease-in-out 6s infinite alternate}.logo-path[data-v-b588aaf4]{fill:none;stroke:gold;stroke-width:2.5;stroke-dasharray:2500;stroke-dashoffset:2500;filter:url(#glow);animation:drawLogo-b588aaf4 6s ease-in-out forwards,redrawLogo-b588aaf4 8s ease-in-out 8s infinite,glowLogo-b588aaf4 2s ease-in-out 4s infinite alternate}@keyframes drawLogoGlow-b588aaf4{0%{stroke-dashoffset:2500;opacity:0}10%{opacity:.3}to{stroke-dashoffset:0;opacity:.3}}@keyframes drawLogo-b588aaf4{0%{stroke-dashoffset:2500}to{stroke-dashoffset:0}}@keyframes redrawLogo-b588aaf4{0%{stroke-dashoffset:0;opacity:1}25%{stroke-dashoffset:-2500;opacity:.7}50%{stroke-dashoffset:-5000;opacity:.3}75%{stroke-dashoffset:-2500;opacity:.7}to{stroke-dashoffset:0;opacity:1}}@keyframes glowLogo-b588aaf4{0%{stroke:gold;filter:url(#glow) drop-shadow(0 0 5px rgba(255,215,0,.6))}to{stroke:#fff176;filter:url(#glow) drop-shadow(0 0 15px rgba(255,215,0,1))}}@keyframes pulseGlow-b588aaf4{0%{stroke:#ffeb3b;stroke-width:6;opacity:.3}to{stroke:#fff59d;stroke-width:8;opacity:.6}}.loading-text[data-v-b588aaf4]{text-align:center;width:100%}.loading-text h2[data-v-b588aaf4]{font-size:22px;font-weight:700;color:#fff;margin:0 0 30px;letter-spacing:3px;text-shadow:0 0 20px rgba(0,174,255,.8);animation:pulseText-b588aaf4 2s infinite alternate}@keyframes pulseText-b588aaf4{0%{text-shadow:0 0 20px rgba(0,174,255,.8);color:#fff}to{text-shadow:0 0 30px rgba(0,174,255,1),0 0 40px rgba(0,174,255,.6);color:#e6f7ff}}.loading-bar[data-v-b588aaf4]{width:100%;height:4px;background-color:#00aeff33;border-radius:2px;margin-bottom:20px;position:relative;overflow:hidden;box-shadow:0 0 10px #00aeff4d}.loading-progress[data-v-b588aaf4]{position:absolute;top:0;left:0;height:100%;width:0;background:linear-gradient(90deg,#0057a1,#00aeff,#7fc9ff);animation:loadProgress-b588aaf4 12s ease-in-out forwards;box-shadow:0 0 15px #00aeffcc}@keyframes loadProgress-b588aaf4{0%{width:0}8%{width:12%}16%{width:25%}32%{width:45%}48%{width:62%}64%{width:78%}80%{width:88%}92%{width:95%}to{width:100%}}.status-text[data-v-b588aaf4]{font-size:14px;color:#b3e0ff;margin:10px 0;letter-spacing:1px;animation:blinkText-b588aaf4 1.5s infinite;min-height:20px;font-family:var(--primary-font);text-shadow:0 0 8px rgba(0,174,255,.4)}@keyframes blinkText-b588aaf4{0%,to{opacity:1;text-shadow:0 0 8px rgba(0,174,255,.4)}50%{opacity:.7;text-shadow:0 0 12px rgba(0,174,255,.6)}}.credits-text[data-v-b588aaf4]{margin-top:40px;font-size:12px;font-weight:600;letter-spacing:1px;color:#4fb8ff;text-shadow:0 0 15px rgba(0,174,255,.5);opacity:.7;animation:creditsGlow-b588aaf4 4s infinite alternate}@keyframes creditsGlow-b588aaf4{0%{opacity:.7;text-shadow:0 0 12px rgba(0,174,255,.5)}to{opacity:1;text-shadow:0 0 20px rgba(0,174,255,.8),0 0 30px rgba(0,174,255,.4)}}@media(max-width:768px){.logo-animation[data-v-b588aaf4]{width:160px;height:160px}.loading-text h2[data-v-b588aaf4]{font-size:18px}}@media(max-width:480px){.logo-animation[data-v-b588aaf4]{width:140px;height:140px}.loading-text h2[data-v-b588aaf4]{font-size:16px;letter-spacing:2px}.status-text[data-v-b588aaf4]{font-size:12px}}.notification-container[data-v-c55b026c]{position:fixed;top:20px;right:20px;z-index:9999;pointer-events:none}.notification-list[data-v-c55b026c]{display:flex;flex-direction:column;gap:10px;pointer-events:auto}.notification[data-v-c55b026c]{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;min-width:300px;max-width:400px;box-shadow:0 4px 12px #0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;transition:all .3s ease;border:1px solid}.notification[data-v-c55b026c]:hover{transform:translate(-5px)}.notification-success[data-v-c55b026c]{background:#32cd321a;border-color:#32cd324d;color:#32cd32}.notification-error[data-v-c55b026c]{background:#ff3a5e1a;border-color:#ff3a5e4d;color:#ff3a5e}.notification-warning[data-v-c55b026c]{background:#ffae001a;border-color:#ffae004d;color:#ffae00}.notification-info[data-v-c55b026c]{background:#55fbfb1a;border-color:#55fbfb4d;color:#55fbfb}.notification-icon[data-v-c55b026c]{font-size:18px;flex-shrink:0}.notification-content[data-v-c55b026c]{flex:1;min-width:0}.notification-message[data-v-c55b026c]{font-size:14px;font-weight:500;line-height:1.4;word-wrap:break-word}.notification-close[data-v-c55b026c]{background:transparent;border:none;color:inherit;font-size:14px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;opacity:.7;flex-shrink:0}.notification-close[data-v-c55b026c]:hover{opacity:1;background:#ffffff1a}.notification-enter-active[data-v-c55b026c],.notification-leave-active[data-v-c55b026c]{transition:all .3s ease}.notification-enter-from[data-v-c55b026c],.notification-leave-to[data-v-c55b026c]{opacity:0;transform:translate(100%)}.notification-move[data-v-c55b026c]{transition:transform .3s ease}@media(max-width:768px){.notification-container[data-v-c55b026c]{top:10px;right:10px;left:10px}.notification[data-v-c55b026c]{min-width:auto;max-width:none}}body{margin:0;padding:0;font-family:var(--primary-font)}#app{width:100%;height:100%;position:relative}:root{--primary-font: "Bai Jamjuree", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei", "Source Han Sans CN", sans-serif;--secondary-font: "Montserrat", var(--primary-font);--accent-font: "Poppins", var(--primary-font);--code-font: "Consolas", "Monaco", "Courier New", monospace;--font-light: 300;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800}*{font-family:var(--primary-font)}body{font-family:var(--primary-font);font-weight:var(--font-regular)}.font-primary{font-family:var(--primary-font)}.font-secondary{font-family:var(--secondary-font)}.font-accent{font-family:var(--accent-font)}.font-code{font-family:var(--code-font)}.font-light{font-weight:var(--font-light)}.font-regular{font-weight:var(--font-regular)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-extrabold{font-weight:var(--font-extrabold)}.topic-name{display:flex;flex-direction:row;align-items:center;gap:8px}.topic-name-2{display:flex;align-items:center;gap:8px;align-self:stretch;cursor:pointer}.topic-name-2 span{color:#ffffffbf}.sub-topic-name{color:#fff!important;font-size:15px!important}.left-side{width:500px;position:absolute;left:0;top:0;height:100%;background:linear-gradient(to right,#3252ae99,#5550);z-index:200;animation:slideInLeft 1s ease-out forwards}.right-side{width:500px;position:absolute;right:0;top:0;height:100%;background:linear-gradient(to left,#3252ae99,#5550);z-index:200;animation:slideInRight 1s ease-out forwards}.wiget-container-left span,.wiget-container-right span{color:#55fbfbcc;font-family:var(--primary-font);font-size:21px;font-style:normal;font-weight:700;line-height:normal}.content-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0px;align-self:stretch;border-radius:8px}@keyframes lightBeamLeft{0%{transform:translateY(100%) scaleX(2);opacity:0}50%{opacity:1}to{transform:translateY(-100%) scaleX(2);opacity:0}}@keyframes lightBeamRight{0%{transform:translateY(-100%) scaleX(2);opacity:0}50%{opacity:1}to{transform:translateY(100%) scaleX(2);opacity:0}}@keyframes lightBeamTop{0%{transform:translate(-100%) scaleY(2);opacity:0}50%{opacity:1}to{transform:translate(100%) scaleY(2);opacity:0}}@keyframes lightBeamBottom{0%{transform:translate(100%) scaleY(2);opacity:0}50%{opacity:1}to{transform:translate(-100%) scaleY(2);opacity:0}}.main-container:before,.main-container:after,.background:before,.background:after{content:"";position:absolute;z-index:1000;filter:blur(8px)}.main-container:before{left:-5px;top:0;width:10px;height:100%;background:linear-gradient(to right,transparent,rgba(85,251,251,.05) 20%,rgba(85,251,251,.2) 50%,rgba(85,251,251,.05) 80%,transparent);animation:lightBeamLeft 4s ease-in-out infinite;box-shadow:0 0 15px #55fbfb4d}.main-container:after{right:-5px;top:0;width:10px;height:100%;background:linear-gradient(to right,transparent,rgba(85,251,251,.05) 20%,rgba(85,251,251,.2) 50%,rgba(85,251,251,.05) 80%,transparent);animation:lightBeamRight 4s ease-in-out infinite;box-shadow:0 0 15px #55fbfb4d}.background:before{left:0;top:-5px;width:100%;height:10px;background:linear-gradient(to bottom,transparent,rgba(85,251,251,.05) 20%,rgba(85,251,251,.2) 50%,rgba(85,251,251,.05) 80%,transparent);animation:lightBeamTop 4s ease-in-out infinite;box-shadow:0 0 15px #55fbfb4d}.background:after{left:0;bottom:-5px;width:100%;height:10px;background:linear-gradient(to bottom,transparent,rgba(85,251,251,.05) 20%,rgba(85,251,251,.2) 50%,rgba(85,251,251,.05) 80%,transparent);animation:lightBeamBottom 4s ease-in-out infinite;box-shadow:0 0 15px #55fbfb4d}.time-at-status{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;padding:20px 0 10px}.sub-time-at-status{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px;flex:1;border-radius:8px;min-width:80px}.sub-time-at-status img{width:32px;height:32px;margin-bottom:4px}.sub-time-at-status .sub-topic-name{text-align:center}.loading-effect{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;opacity:1;transition:opacity .3s ease;background-color:#000000fa}.loading-effect.hidden{opacity:0}.video-frame{width:100%;height:100%;position:absolute;top:0;left:0}.pagination{font-family:var(--primary-font);width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 10px}.page{flex:0 0 auto;padding:0 9px;border-radius:3px;background:transparent;font-size:.875em;text-decoration:none;color:#fff;min-width:40px;text-align:center;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.pages-container{display:flex;justify-content:center;gap:4px;flex:1;margin:0 10px}.page.gradient{background:transparent}.page.gradient:hover:not(.disabled){border-color:#ffffff80}.page.active{background:#4caf50;border-color:#4caf50;color:#fff}.page.disabled{opacity:.5;cursor:not-allowed}.cctv-container{display:flex;flex-direction:column;gap:15px}.cctv-live-view{width:100%;height:152px;position:relative;background-color:#000000fa}.load-wrapp{float:left;width:100%;height:152px;border-radius:5px;text-align:center;background-color:#000000fa;display:flex;justify-content:center;align-items:center}.line-loading{display:inline-block;width:15px;height:15px;border-radius:15px;background-color:#7d7c7c}.load-3 .line-loading:nth-last-child(1){animation:loadingC .6s .1s linear infinite}.load-3 .line-loading:nth-last-child(2){animation:loadingC .6s .2s linear infinite}.load-3 .line-loading:nth-last-child(3){animation:loadingC .6s .3s linear infinite}@keyframes loadingC{0 {transform: translate(0,0);} 50% {transform: translate(0,15px);} 100% {transform: translate(0,0);}}.meeting-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;align-self:stretch;padding-top:10px;color:#fff}.meeting-container span{color:#fff}.cctv-container{width:100%}.cctv-selection{display:flex;justify-content:center;align-items:center;width:100%}.cctv-drop-down{color:#000;background-color:#fff;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;padding-left:15px;font-family:var(--primary-font);width:100%;border:0px}.access-control-table th:first-child,.access-control-table td:first-child{width:150px}.access-control-table{width:100%;border-collapse:collapse;margin-top:10px;border-radius:8px;overflow:hidden}.access-control-table th{font-family:var(--primary-font);padding:6px;text-align:left;color:#ffffffb3;font-size:8px;font-weight:700;border-bottom:2px solid rgba(85,251,251,.7)}.access-control-table td{font-family:var(--primary-font);padding:6px;text-align:left;color:#fff;font-size:15px;vertical-align:middle}.door-name{font-size:1.1rem;color:#fff}.text-left{text-align:left}.text-center,.text-right{text-align:center}.status-badge{padding:2px 5px;border-radius:16px;font-weight:500;font-size:11px!important;letter-spacing:.5px;color:#fff!important}.status-locked{background:#4caf50;color:#fff}.status-open{background:#f44336;color:#fff}.action-buttons{display:flex;align-items:center;min-height:36px;justify-content:center}.control-btn{background:transparent;border:none;color:#fff;cursor:pointer;font-size:10px;transition:all .3s ease}.control-btn:hover{transform:scale(1.1)}.control-btn.locked{color:#4caf50}.chart-container{padding-top:10px}.apexcharts-canvas{width:100%!important;height:250px!important}.people-counting-table{width:100%;border-collapse:collapse;margin-top:10px;border-radius:8px;overflow:hidden}.people-counting-table th{font-family:Bai Jamjuree;padding:6px;text-align:left;color:#ffffffb3;font-size:8px;font-weight:700;border-bottom:2px solid rgba(85,251,251,.7)}.people-counting-table td{font-family:Bai Jamjuree;padding:6px;text-align:left;color:#fff;font-size:15px}.person-count{font-weight:700;font-size:24px}.action-btn{background:none;border:none;cursor:pointer}.icon{width:24px;height:24px}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.bottom-glow{bottom:0;position:absolute;height:50px;background:linear-gradient(to top,#3252ae99,#5550);left:0;width:100%;display:none}.main-container{overflow:hidden}.main-container,.main-container *{box-sizing:border-box}input,select,textarea,button{outline:0}.main-container{width:100%;height:1080px;margin:0 auto;background:#fff;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch}.body{flex:1 1 auto;overflow-y:auto}.left-c{display:flex;flex-direction:column;align-items:center;align-self:stretch;flex-wrap:nowrap;flex-shrink:0;gap:16px;position:relative;width:520px;min-height:0;z-index:21;overflow:hidden}.electricity-costs{display:flex;align-items:flex-start;align-self:stretch;flex-wrap:nowrap;flex-shrink:0;gap:8px;position:relative;min-width:0;padding:12px 16px;background:#0000000d;z-index:22;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.electricity-costs-previous-month{flex-grow:1;flex-shrink:0;flex-basis:0;position:relative;height:103px;z-index:23;overflow:hidden;border-radius:14px;-webkit-mask-image:url(../assets/images/5903f3fa-360b-4b40-80e0-746136916e7e.png);-webkit-mask-size:cover}.shadow{position:absolute;width:194px;height:212px;top:-61px;right:-18px;background:url(../assets/images/29157cb2-a6d9-400b-bc00-94ccfeb563cf.png) no-repeat center;background-size:cover;z-index:25}.card{position:absolute;height:103px;top:0;right:0;left:0;background:#7676801f;z-index:24;border-radius:20px;-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px)}.title{display:flex;align-items:flex-start;justify-content:flex-start;position:absolute;height:20px;top:18px;left:15px;color:#ffffffbf;font-family:Bai Jamjuree,var(--default-font-family);font-size:12px;font-weight:700;line-height:20px;text-align:left;white-space:nowrap;letter-spacing:-.24px;z-index:26}.balance{display:flex;align-items:flex-start;justify-content:flex-start;position:absolute;height:42px;top:38px;left:15px;color:#ffffffbf;font-family:Bai Jamjuree,var(--default-font-family);font-size:34px;font-weight:700;line-height:42px;text-align:left;white-space:nowrap;z-index:27}.estimated-electricity-costs{flex-grow:1;flex-shrink:0;flex-basis:0;position:relative;height:103px;z-index:28;overflow:hidden;border-radius:14px;-webkit-mask-image:url(../assets/images/ad68b4f1-868d-4858-b90b-fb9ceaee5972.png);-webkit-mask-size:cover}.shadow-d{position:absolute;width:194px;height:212px;top:-61px;right:-18px;background:url(../assets/images/02c720ea-bc0a-4e56-a49f-9ab694c8b93a.png) no-repeat center;background-size:cover;z-index:30}.card-e{position:absolute;height:103px;top:0;right:0;left:0;background:#32effb80;z-index:29;border-radius:20px;-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px)}.title-f{display:flex;align-items:flex-start;justify-content:flex-start;position:absolute;height:20px;top:18px;left:15px;color:#ffffffbf;font-family:Bai Jamjuree,var(--default-font-family);font-size:12px;font-weight:700;line-height:20px;text-align:left;white-space:nowrap;letter-spacing:-.24px;z-index:31}.balance-10{display:flex;align-items:flex-start;justify-content:flex-start;position:absolute;height:42px;top:38px;left:15px;color:#fff;font-family:Bai Jamjuree,var(--default-font-family);font-size:34px;font-weight:700;line-height:42px;text-align:left;white-space:nowrap;z-index:32}.electricity-saved{display:flex;flex-direction:column;align-items:center;align-self:stretch;flex-wrap:nowrap;flex-shrink:0;gap:8px;position:relative;min-width:0;padding:12px 16px;background:#0000000d;z-index:33;overflow:hidden;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.group{flex-shrink:0;position:relative;width:260.865px;height:260.985px;z-index:34}.frame-11{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-wrap:nowrap;gap:5px;position:relative;width:84.184px;margin:80px 0 0 88px;z-index:36}.percentage{display:flex;align-items:flex-start;justify-content:center;flex-shrink:0;flex-basis:auto;position:relative;width:87px;height:43px;color:#fff;font-family:Bai Jamjuree,var(--default-font-family);font-size:34px;font-weight:700;line-height:42.5px;text-align:center;white-space:nowrap;z-index:37}.electricity-saved-12{display:flex;align-items:flex-start;justify-content:center;align-self:stretch;flex-shrink:0;position:relative;width:84.184px;min-width:0;height:52px;color:#ffffffbf;font-family:Poppins,var(--default-font-family);font-size:17.536945343017578px;font-weight:400;line-height:26.305px;text-align:center;opacity:.45;z-index:38}.group-13{position:absolute;height:260.985px;top:50%;right:0;left:0;background:url(../assets/images/85d299b9-1593-4a0b-b1dc-d6d536c07937.png) no-repeat center;background-size:cover;transform:translateY(-50%);z-index:35}.frame-14{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;flex-shrink:0;gap:16px;position:relative;width:194px;z-index:39}.frame-15{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;flex-shrink:0;gap:10px;position:relative;width:82px;z-index:40}.rectangle-16{flex-shrink:0;position:relative;width:15px;height:15px;background:#007aff;z-index:41}.electricity{flex-shrink:0;flex-basis:auto;position:relative;height:15px;color:#ffffffbf;font-family:Bai Jamjuree,var(--default-font-family);font-size:12px;font-weight:400;line-height:15px;text-align:left;white-space:nowrap;z-index:42}.frame-17{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;flex-shrink:0;gap:10px;position:relative;width:96px;z-index:43}.rectangle-18{flex-shrink:0;position:relative;width:15px;height:15px;background:#00c7be;z-index:44}.solar-energy{flex-shrink:0;flex-basis:auto;position:relative;height:15px;color:#ffffffbf;font-family:Bai Jamjuree,var(--default-font-family);font-size:12px;font-weight:400;line-height:15px;text-align:left;white-space:nowrap;z-index:45}.center-19{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;align-self:stretch;flex-wrap:nowrap;flex-grow:1;flex-shrink:0;flex-basis:0;gap:10px;position:relative;min-width:0;min-height:0;z-index:46;overflow:hidden}.power-consumption{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;flex-wrap:nowrap;flex-shrink:0;gap:8px;position:relative;padding:12px 16px;background:#0000000d;z-index:47;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.topic{display:flex;align-items:center;align-self:stretch;flex-wrap:nowrap;flex-shrink:0;gap:8px;position:relative;z-index:48}.vector{flex-shrink:0;position:relative;width:13.185px;height:22.5px;background:url(../assets/images/36d485d6-3bf0-4fda-a2f7-0ff6a57bf3ae.png) no-repeat center;background-size:cover;z-index:49}.power-consumption-1a{flex-shrink:0;flex-basis:auto;position:relative;height:26px;color:#54fafacc;font-family:Bai Jamjuree,var(--default-font-family);font-size:21px;font-weight:700;line-height:26px;text-align:left;white-space:nowrap;z-index:50}.content{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;flex-wrap:nowrap;flex-shrink:0;position:relative;z-index:51}.text{display:flex;align-items:center;justify-content:space-between;align-self:stretch;flex-wrap:nowrap;flex-shrink:0;position:relative;height:24px;z-index:52}.frame-1b{display:flex;align-items:center;flex-wrap:nowrap;flex-grow:1;flex-shrink:0;flex-basis:0;position:relative;z-index:53}.local-btn{display:flex;flex-direction:column;align-items:flex-start;flex-wrap:nowrap;flex-shrink:0;gap:8px;position:relative;width:69px;z-index:54}.local-btn-1c{display:flex;flex-direction:column;align-items:flex-start;flex-wrap:nowrap;flex-shrink:0;gap:8px;position:relative;width:69px;z-index:55}.button-black{display:flex;align-items:flex-start;align-self:stretch;flex-wrap:nowrap;flex-shrink:0;gap:8px;position:relative;z-index:56}.button-black-solid{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;flex-shrink:0;gap:4px;position:relative;width:69px;padding:4px 8px;z-index:57;border-radius:6px}.acknowledge{flex-shrink:0;flex-basis:auto;position:relative;height:16px;color:#999;font-family:Montserrat,var(--default-font-family);font-size:12px;font-weight:500;line-height:16px;text-align:left;text-transform:uppercase;white-space:nowrap;z-index:58}.vector-1d{flex-shrink:0;position:relative;width:1px;height:24px;background:url(../assets/images/64f35fc9-1db3-4eb6-bbd2-cfa4d9815203.png) no-repeat center;background-size:cover;z-index:59}.local-btn-1e{display:flex;flex-direction:column;align-items:flex-start;flex-wrap:nowrap;flex-shrink:0;gap:8px;position:relative;width:79px;z-index:60}.local-btn-1f{display:flex;flex-direction:column;align-items:flex-start;flex-wrap:nowrap;flex-shrink:0;gap:8px;position:relative;width:79px;z-index:61}.button-black-20{display:flex;align-items:flex-start;align-self:stretch;flex-wrap:nowrap;flex-shrink:0;gap:8px;position:relative;z-index:62}.button-black-solid-21{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;flex-shrink:0;gap:4px;position:relative;width:79px;padding:4px 8px;z-index:63;border-radius:6px}.acknowledge-22{flex-shrink:0;flex-basis:auto;position:relative;height:16px;color:#999;font-family:Montserrat,var(--default-font-family);font-size:12px;font-weight:500;line-height:16px;text-align:left;text-transform:uppercase;white-space:nowrap;z-index:64}.vector-23{flex-shrink:0;position:relative;width:1px;height:24px;background:url(../assets/images/8d86027b-24d8-4cac-a40e-38f127160f25.png) no-repeat center;background-size:cover;z-index:65}.local-btn-24{display:flex;flex-direction:column;align-items:flex-start;flex-wrap:nowrap;flex-shrink:0;gap:8px;position:relative;width:50px;z-index:66}.local-btn-25{display:flex;flex-direction:column;align-items:flex-start;flex-wrap:nowrap;flex-shrink:0;gap:8px;position:relative;width:50px;z-index:67}.button-black-26{display:flex;align-items:flex-start;align-self:stretch;flex-wrap:nowrap;flex-shrink:0;gap:8px;position:relative;z-index:68}.button-black-solid-27{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;flex-shrink:0;gap:4px;position:relative;width:50px;padding:4px 8px;z-index:69;border-radius:6px}.acknowledge-28{flex-shrink:0;flex-basis:auto;position:relative;height:16px;color:#94ccbe;font-family:Montserrat,var(--default-font-family);font-size:12px;font-weight:500;line-height:16px;text-align:left;text-transform:uppercase;white-space:nowrap;z-index:70}.calendar{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;flex-shrink:0;gap:5px;position:relative;width:185px;z-index:71}.icon-text{display:flex;align-items:center;flex-wrap:nowrap;flex-shrink:0;gap:4px;position:relative;width:164px;padding:0 4px;z-index:72}.text-29{flex-shrink:0;flex-basis:auto;position:relative;height:17px;color:#94a3b8;font-family:Montserrat,var(--default-font-family);font-size:14px;font-weight:400;line-height:17px;text-align:left;text-transform:uppercase;white-space:nowrap;z-index:73}.vector-2a{flex-shrink:0;position:relative;width:16px;height:16px;background:url(../assets/images/de9ddd05-9f16-44b0-a004-e6a650e7e21d.png) no-repeat center;background-size:cover;z-index:74}.bar-line-chart{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;flex-wrap:nowrap;flex-shrink:0;position:relative;height:144px;padding:8px;z-index:75}.chart-axis{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;flex-wrap:nowrap;flex-grow:1;flex-shrink:0;flex-basis:0;gap:-2px;position:relative;min-height:0;z-index:76}.main-chart{display:flex;align-items:center;align-self:stretch;flex-wrap:nowrap;flex-grow:1;flex-shrink:0;flex-basis:0;position:relative;z-index:77}.y-axis-left{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;align-self:stretch;flex-wrap:nowrap;flex-shrink:0;position:relative;width:56px;padding:0 4px;z-index:78}.kw{flex-shrink:0;flex-basis:auto;position:relative;height:15px;color:#ffffffbf;font-family:Montserrat,var(--default-font-family);font-size:12px;font-weight:400;line-height:14.628px;text-align:left;text-transform:uppercase;white-space:nowrap;z-index:79}.kw-2b{flex-shrink:0;flex-basis:auto;position:relative;height:15px;color:#ffffffbf;font-family:Montserrat,var(--default-font-family);font-size:12px;font-weight:400;line-height:14.628px;text-align:left;text-transform:uppercase;white-space:nowrap;z-index:80}.kw-2c{flex-shrink:0;flex-basis:auto;position:relative;height:15px;color:#ffffffbf;font-family:Montserrat,var(--default-font-family);font-size:12px;font-weight:400;line-height:14.628px;text-align:left;text-transform:uppercase;white-space:nowrap;z-index:81}.kw-2d{flex-shrink:0;flex-basis:auto;position:relative;height:15px;color:#ffffffbf;font-family:Montserrat,var(--default-font-family);font-size:12px;font-weight:400;line-height:14.628px;text-align:left;text-transform:uppercase;white-space:nowrap;z-index:82}.kw-2e{flex-shrink:0;flex-basis:auto;position:relative;height:15px;color:#ffffffbf;font-family:Montserrat,var(--default-font-family);font-size:12px;font-weight:400;line-height:14.628px;text-align:left;text-transform:uppercase;white-space:nowrap;z-index:83}.kw-2f{flex-shrink:0;flex-basis:auto;position:relative;height:15px;color:#ffffffbf;font-family:Montserrat,var(--default-font-family);font-size:12px;font-weight:400;line-height:14.628px;text-align:left;text-transform:uppercase;white-space:nowrap;z-index:84}.graphi-grid{align-self:stretch;flex-grow:1;flex-shrink:0;flex-basis:0;position:relative;z-index:85}.line-area{position:relative;width:728px;height:77px;margin:7px 0 0;z-index:107;overflow:visible auto}.line-group{position:relative;width:668.16px;height:31.499px;margin:20.087px 0 0 30.333px;z-index:108;overflow:visible auto}.single-line{position:relative;width:667.641px;height:32.219px;margin:-.52px 0 0 -.16px;background:url(../assets/images/088073df-4804-4bd2-831d-f44fc4c62651.png) no-repeat center;background-size:100% 100%;z-index:109}.line-nodes{position:absolute;width:668.16px;height:31.499px;top:0;left:0;z-index:110}.basic-node{position:relative;width:.83px;height:.31px;margin:0 0 0 606.667px;background:url(../assets/images/9b09292c-2494-4252-97c1-f1440fa86c42.png) no-repeat center;background-size:100% 100%;z-index:121}.basic-node-30{position:relative;width:.83px;height:.31px;margin:8.541px 0 0;background:url(../assets/images/c32c846a-5f28-48e5-ae23-9c38fb12e1fa.png) no-repeat center;background-size:100% 100%;z-index:111}.flex-row-dd{display:flex;align-items:center;justify-content:space-between;position:relative;width:122.16px;height:.31px;margin:4.306px 0 0 364px;z-index:119}.basic-node-31{flex-shrink:0;position:relative;width:.83px;height:.31px;background:url(../assets/images/d7c58acc-025d-48fa-b2ba-0c2f556a03da.png) no-repeat center;background-size:100% 100%;z-index:117}.basic-node-32{flex-shrink:0;position:relative;width:.83px;height:.31px;background:url(../assets/images/88f5f1ad-fc95-4bfd-bd20-4aeec2f6fd03.png) no-repeat center;background-size:100% 100%;z-index:119}.basic-node-33{position:relative;width:.83px;height:.31px;margin:1.611px 0 0 546px;background:url(../assets/images/b23c5074-5284-4f2d-9514-bdc097f1270d.png) no-repeat center;background-size:100% 100%;z-index:120}.basic-node-34{position:relative;width:.83px;height:.31px;margin:3.536px 0 0 667.333px;background:url(../assets/images/5f091302-1604-4162-8c05-06bdc459f777.png) no-repeat center;background-size:100% 100%;z-index:122}.basic-node-35{position:relative;width:.83px;height:.31px;margin:.07px 0 0 242.667px;background:url(../assets/images/b3850492-4c22-47a3-831d-32a10ae65eca.png) no-repeat center;background-size:100% 100%;z-index:115}.basic-node-36{position:relative;width:.83px;height:.31px;margin:3.151px 0 0 121.333px;background:url(../assets/images/9137496e-b083-4a84-8676-e8c077241dd3.png) no-repeat center;background-size:100% 100%;z-index:113}.basic-node-37{position:relative;width:.83px;height:.31px;margin:4.306px 0 0 182px;background:url(../assets/images/45aec3cd-59a1-49b9-8c57-65ddace7fc95.png) no-repeat center;background-size:100% 100%;z-index:114}.basic-node-38{position:relative;width:.83px;height:.31px;margin:.84px 0 0 60.667px;background:url(../assets/images/99b42db8-bcb8-4302-bfd4-5f2cba7e9c6f.png) no-repeat center;background-size:100% 100%;z-index:112}.basic-node-39{position:relative;width:.83px;height:.31px;margin:.46px 0 0 424.667px;background:url(../assets/images/55025fa9-5b47-4d99-85fb-d9f9bae6ad09.png) no-repeat center;background-size:100% 100%;z-index:118}.basic-node-3a{position:relative;width:.83px;height:.31px;margin:1.226px 0 0 303.333px;background:url(../assets/images/5bc97f14-6697-47a8-ad49-d9b063120c14.png) no-repeat center;background-size:100% 100%;z-index:116}.x-lines{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;flex-wrap:nowrap;position:absolute;top:0;right:0;bottom:0;left:0;padding:6px 1px;z-index:86}.line{align-self:stretch;flex-shrink:0;position:relative;min-width:0;height:1px;background:url(../assets/images/d5ab3cb4-42c6-43e9-9ac0-555cb3b87a82.png) no-repeat center;background-size:cover;z-index:87}.line-3b{align-self:stretch;flex-shrink:0;position:relative;min-width:0;height:1px;background:url(../assets/images/60a83f67-d0af-4642-993f-da9f31045d3c.png) no-repeat center;background-size:cover;z-index:88}.line-3c{align-self:stretch;flex-shrink:0;position:relative;min-width:0;height:1px;background:url(../assets/images/fe8e47ca-58fc-4b20-bda3-3e6368e5c606.png) no-repeat center;background-size:cover;z-index:89}.line-3d{align-self:stretch;flex-shrink:0;position:relative;min-width:0;height:1px;background:url(../assets/images/77183b8b-07fd-407b-a3ac-2e4ec0f1f014.png) no-repeat center;background-size:cover;z-index:90}.line-3e{align-self:stretch;flex-shrink:0;position:relative;min-width:0;height:1px;background:url(../assets/images/eac174dc-8784-4e90-bc45-c95a4726300f.png) no-repeat center;background-size:cover;z-index:91}.line-3f{align-self:stretch;flex-shrink:0;position:relative;min-width:0;height:1px;background:url(../assets/images/1b7408dc-4104-457d-8872-dfe814634e0d.png) no-repeat center;background-size:cover;z-index:92}.y-lines{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:nowrap;position:absolute;top:0;right:0;bottom:0;left:0;padding:6px 1px;z-index:93}.line-40{align-self:stretch;flex-shrink:0;position:relative;width:1px;min-height:0;background:url(../assets/images/eb38ed50-6c6f-4046-8c6e-c89e6da53c0b.png) no-repeat center;background-size:cover;z-index:94}.line-41{align-self:stretch;flex-shrink:0;position:relative;width:1px;min-height:0;background:url(../assets/images/221bafec-8cb1-4347-b5f0-331ac25fe78d.png) no-repeat center;background-size:cover;z-index:95}.line-42{align-self:stretch;flex-shrink:0;position:relative;width:1px;min-height:0;background:url(../assets/images/0582a16b-a47f-4890-a8fd-75ab8fa45f1b.png) no-repeat center;background-size:cover;z-index:96}.line-43{align-self:stretch;flex-shrink:0;position:relative;width:1px;min-height:0;background:url(../assets/images/3e18fefd-118c-4246-b99b-61eb37bcbfe9.png) no-repeat center;background-size:cover;z-index:97}.line-44{align-self:stretch;flex-shrink:0;position:relative;width:1px;min-height:0;background:url(../assets/images/e8526d37-0ff6-4ba5-b580-bbe093a84fde.png) no-repeat center;background-size:cover;z-index:98}.line-45{align-self:stretch;flex-shrink:0;position:relative;width:1px;min-height:0;background:url(../assets/images/ab4543ca-da9a-475e-b70f-a8d8a0ae089d.png) no-repeat center;background-size:cover;z-index:99}.line-46{align-self:stretch;flex-shrink:0;position:relative;width:1px;min-height:0;background:url(../assets/images/e1670337-0fbf-4eee-93f7-327bda2d4b9a.png) no-repeat center;background-size:cover;z-index:100}.line-47{align-self:stretch;flex-shrink:0;position:relative;width:1px;min-height:0;background:url(../assets/images/205ba413-ac29-4d70-818d-f9245f0abc90.png) no-repeat center;background-size:cover;z-index:101}.line-48{align-self:stretch;flex-shrink:0;position:relative;width:1px;min-height:0;background:url(../assets/images/685e2b3c-850f-4246-8f2f-bb0b5b447ddc.png) no-repeat center;background-size:cover;z-index:102}.line-49{align-self:stretch;flex-shrink:0;position:relative;width:1px;min-height:0;background:url(../assets/images/549699ac-1805-4af5-a9e4-6a84be126ba5.png) no-repeat center;background-size:cover;z-index:103}.line-4a{align-self:stretch;flex-shrink:0;position:relative;width:1px;min-height:0;background:url(../assets/images/b91b8ec7-31b0-4850-a056-9bee327dd940.png) no-repeat center;background-size:cover;z-index:104}.line-4b{align-self:stretch;flex-shrink:0;position:relative;width:1px;min-height:0;background:url(../assets/images/6341a303-a840-4142-84a4-1cc40cc6dfd8.png) no-repeat center;background-size:cover;z-index:105}.line-4c{align-self:stretch;flex-shrink:0;position:relative;width:1px;min-height:0;background:url(../assets/images/99010661-2117-4c11-b0e6-ca3e2bf43654.png) no-repeat center;background-size:cover;z-index:106}.x-axis{display:flex;align-items:flex-start;align-self:stretch;flex-wrap:nowrap;flex-shrink:0;position:relative;padding:0 0 8px 31px;z-index:123}.x-label-box{display:flex;flex-direction:column;align-items:flex-end;flex-wrap:nowrap;flex-shrink:0;position:relative;width:118px;z-index:124}.jan{align-self:stretch;flex-shrink:0;flex-basis:auto;position:relative;min-width:0;height:15px;color:#ffffffbf;font-family:Montserrat,var(--default-font-family);font-size:12px;font-weight:400;line-height:14.628px;text-align:center;text-transform:uppercase;white-space:nowrap;z-index:125}.x-label-box-4d{display:flex;flex-direction:column;align-items:flex-end;flex-wrap:nowrap;flex-grow:1;flex-shrink:0;flex-basis:0;position:relative;z-index:126}.feb{align-self:stretch;flex-shrink:0;flex-basis:auto;position:relative;height:15px;color:#ffffffbf;font-family:Montserrat,var(--default-font-family);font-size:12px;font-weight:400;line-height:14.628px;text-align:center;text-transform:uppercase;white-space:nowrap;z-index:127}.x-label-box-4e{display:flex;flex-direction:column;align-items:flex-end;flex-wrap:nowrap;flex-grow:1;flex-shrink:0;flex-basis:0;position:relative;z-index:128}.mar{align-self:stretch;flex-shrink:0;flex-basis:auto;position:relative;height:15px;color:#ffffffbf;font-family:Montserrat,var(--default-font-family);font-size:12px;font-weight:400;line-height:14.628px;text-align:center;text-transform:uppercase;white-space:nowrap;z-index:129}.x-label-box-4f{display:flex;flex-direction:column;align-items:flex-end;flex-wrap:nowrap;flex-grow:1;flex-shrink:0;flex-basis:0;position:relative;z-index:130}.apr{align-self:stretch;flex-shrink:0;flex-basis:auto;position:relative;height:15px;color:#ffffffbf;font-family:Montserrat,var(--default-font-family);font-size:12px;font-weight:400;line-height:14.628px;text-align:center;text-transform:uppercase;white-space:nowrap;z-index:131}.x-label-box-50{display:flex;flex-direction:column;align-items:flex-end;flex-wrap:nowrap;flex-grow:1;flex-shrink:0;flex-basis:0;position:relative;z-index:132}.may{align-self:stretch;flex-shrink:0;flex-basis:auto;position:relative;height:15px;color:#ffffffbf;font-family:Montserrat,var(--default-font-family);font-size:12px;font-weight:400;line-height:14.628px;text-align:center;text-transform:uppercase;white-space:nowrap;z-index:133}.x-label-box-51{display:flex;flex-direction:column;align-items:flex-end;flex-wrap:nowrap;flex-grow:1;flex-shrink:0;flex-basis:0;position:relative;z-index:134}.jun{align-self:stretch;flex-shrink:0;flex-basis:auto;position:relative;height:15px;color:#ffffffbf;font-family:Montserrat,var(--default-font-family);font-size:12px;font-weight:400;line-height:14.628px;text-align:center;text-transform:uppercase;white-space:nowrap;z-index:135}.x-label-box-52{display:flex;flex-direction:column;align-items:flex-end;flex-wrap:nowrap;flex-grow:1;flex-shrink:0;flex-basis:0;position:relative;z-index:136}.jul{align-self:stretch;flex-shrink:0;flex-basis:auto;position:relative;height:15px;color:#ffffffbf;font-family:Montserrat,var(--default-font-family);font-size:12px;font-weight:400;line-height:14.628px;text-align:center;text-transform:uppercase;white-space:nowrap;z-index:137}.x-label-box-53{display:flex;flex-direction:column;align-items:flex-end;flex-wrap:nowrap;flex-grow:1;flex-shrink:0;flex-basis:0;position:relative;z-index:138}.aug{align-self:stretch;flex-shrink:0;flex-basis:auto;position:relative;height:15px;color:#ffffffbf;font-family:Montserrat,var(--default-font-family);font-size:12px;font-weight:400;line-height:14.628px;text-align:center;text-transform:uppercase;white-space:nowrap;z-index:139}.xlabelbox{display:flex;flex-direction:column;align-items:flex-end;flex-wrap:nowrap;flex-grow:1;flex-shrink:0;flex-basis:0;position:relative;z-index:140}.sep{align-self:stretch;flex-shrink:0;flex-basis:auto;position:relative;height:15px;color:#ffffffbf;font-family:Montserrat,var(--default-font-family);font-size:12px;font-weight:400;line-height:14.628px;text-align:center;text-transform:uppercase;white-space:nowrap;z-index:141}.xlabelbox-54{display:flex;flex-direction:column;align-items:flex-end;flex-wrap:nowrap;flex-grow:1;flex-shrink:0;flex-basis:0;position:relative;z-index:142}.oct{align-self:stretch;flex-shrink:0;flex-basis:auto;position:relative;height:15px;color:#ffffffbf;font-family:Montserrat,var(--default-font-family);font-size:12px;font-weight:400;line-height:14.628px;text-align:center;text-transform:uppercase;white-space:nowrap;z-index:143}.xlabelbox-55{display:flex;flex-direction:column;align-items:flex-end;flex-wrap:nowrap;flex-grow:1;flex-shrink:0;flex-basis:0;position:relative;z-index:144}.nov{align-self:stretch;flex-shrink:0;flex-basis:auto;position:relative;height:15px;color:#ffffffbf;font-family:Montserrat,var(--default-font-family);font-size:12px;font-weight:400;line-height:14.628px;text-align:center;text-transform:uppercase;white-space:nowrap;z-index:145}.xlabelbox-56{display:flex;flex-direction:column;align-items:flex-end;flex-wrap:nowrap;flex-grow:1;flex-shrink:0;flex-basis:0;position:relative;z-index:146}.dec{align-self:stretch;flex-shrink:0;flex-basis:auto;position:relative;height:15px;color:#ffffffbf;font-family:Montserrat,var(--default-font-family);font-size:12px;font-weight:400;line-height:14.628px;text-align:center;text-transform:uppercase;white-space:nowrap;z-index:147}.legends{display:flex;align-items:flex-start;justify-content:center;align-self:stretch;flex-wrap:wrap;flex-shrink:0;position:relative;z-index:148;overflow:hidden}.frame-57{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;flex-grow:1;flex-basis:0;gap:16px;position:relative;z-index:149}.frame-58{display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;flex-shrink:0;gap:8px;position:relative;width:120px;z-index:150}.ellipse-stroke{flex-shrink:0;position:relative;width:16px;height:16px;background:url(../assets/images/bbd7a561-b5d2-4b67-a084-a03b97f2c121.png) no-repeat center;background-size:cover;z-index:151}.piramid-office{flex-shrink:0;flex-basis:auto;position:relative;height:15px;color:#fff;font-family:Bai Jamjuree,var(--default-font-family);font-size:12px;font-weight:700;line-height:15px;text-align:left;text-transform:uppercase;white-space:nowrap;z-index:152}.right-59{display:flex;flex-direction:column;align-items:center;justify-content:space-between;align-self:stretch;flex-wrap:nowrap;flex-shrink:0;position:relative;width:520px;min-height:0;z-index:153;overflow:hidden}.electric-power-flow{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;flex-wrap:nowrap;flex-shrink:0;gap:8px;position:relative;min-width:0;padding:12px 16px;background:#0000000d;z-index:154;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.topic-5a{display:flex;align-items:center;align-self:stretch;flex-wrap:nowrap;flex-shrink:0;gap:8px;position:relative;z-index:155}.vector-5b{flex-shrink:0;position:relative;width:22.799px;height:24px;background:url(../assets/images/f5a0d6c7-1ea9-4981-a3b4-891232f84b29.png) no-repeat center;background-size:cover;z-index:156}.power-flow{flex-shrink:0;flex-basis:auto;position:relative;height:26px;color:#54fafacc;font-family:Bai Jamjuree,var(--default-font-family);font-size:21px;font-weight:700;line-height:26px;text-align:left;white-space:nowrap;z-index:157}.frame-5c{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;flex-wrap:nowrap;flex-shrink:0;gap:8px;position:relative;height:442px;padding:12px 16px;z-index:158}.content-5d{display:flex;align-items:center;justify-content:space-between;align-self:stretch;flex-wrap:nowrap;flex-shrink:0;position:relative;z-index:159}.node{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;flex-wrap:nowrap;flex-shrink:0;gap:5px;position:relative;width:171.125px;height:205px;z-index:160}.circle{align-self:stretch;flex-grow:1;flex-shrink:0;flex-basis:0;position:relative;min-width:0;min-height:0;z-index:161}.ellipse-5e{position:absolute;width:120.087px;height:120px;top:50%;left:50%;background:url(../assets/images/32117cdb-89e9-4a32-87ac-36780a121de1.png) no-repeat center;background-size:cover;transform:translate(-49.96%,-50.83%);z-index:162;box-sizing:content-box;-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px)}.score{display:flex;flex-direction:column;align-items:center;flex-wrap:nowrap;gap:5px;position:absolute;width:84.061px;height:50px;top:50%;left:50%;transform:translate(-49.96%,-52%);z-index:163}.kw-5f{align-self:stretch;flex-shrink:0;flex-basis:auto;position:relative;min-width:0;height:21px;color:#fff;font-family:Bai Jamjuree,var(--default-font-family);font-size:21px;font-weight:700;line-height:21px;text-align:center;white-space:nowrap;z-index:164}.power-production{display:flex;align-items:flex-start;justify-content:center;align-self:stretch;flex-shrink:0;position:relative;width:84.061px;min-width:0;height:24px;color:#a0aec0;font-family:Bai Jamjuree,var(--default-font-family);font-size:12px;font-weight:500;line-height:12px;text-align:center;z-index:165}.solar{align-self:stretch;flex-shrink:0;flex-basis:auto;position:relative;min-width:0;height:18px;color:#fff;font-family:Bai Jamjuree,var(--default-font-family);font-size:18px;font-weight:700;line-height:18px;text-align:center;white-space:nowrap;letter-spacing:-.36px;z-index:166}.content-60{display:flex;align-items:center;justify-content:space-between;align-self:stretch;flex-wrap:nowrap;flex-shrink:0;position:relative;z-index:167}.node-61{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;flex-wrap:nowrap;flex-shrink:0;gap:5px;position:relative;width:171.125px;height:205px;z-index:168}.circle-62{align-self:stretch;flex-grow:1;flex-shrink:0;flex-basis:0;position:relative;min-width:0;min-height:0;z-index:169}.ellipse-63{position:absolute;width:120.087px;height:120px;top:50%;left:50%;background:url(../assets/images/3ed0753e-c67e-4dd4-bb7e-302729d3dfc2.png) no-repeat center;background-size:cover;transform:translate(-49.96%,-50.83%);z-index:170;box-sizing:content-box;-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px)}.score-64{display:flex;flex-direction:column;align-items:center;flex-wrap:nowrap;gap:5px;position:absolute;width:84.061px;height:38px;top:50%;left:50%;transform:translate(-49.96%,-52.63%);z-index:171}.kw-65{align-self:stretch;flex-shrink:0;flex-basis:auto;position:relative;min-width:0;height:21px;color:#fff;font-family:Bai Jamjuree,var(--default-font-family);font-size:21px;font-weight:700;line-height:21px;text-align:center;white-space:nowrap;z-index:172}.current-load{align-self:stretch;flex-shrink:0;flex-basis:auto;position:relative;min-width:0;height:12px;color:#a0aec0;font-family:Bai Jamjuree,var(--default-font-family);font-size:12px;font-weight:500;line-height:12px;text-align:center;white-space:nowrap;z-index:173}.grid{align-self:stretch;flex-shrink:0;flex-basis:auto;position:relative;min-width:0;height:18px;color:#fff;font-family:Bai Jamjuree,var(--default-font-family);font-size:18px;font-weight:700;line-height:18px;text-align:center;white-space:nowrap;letter-spacing:-.36px;z-index:174}.node-66{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;flex-wrap:nowrap;flex-shrink:0;gap:5px;position:relative;width:171.125px;height:205px;z-index:175}.circle-67{align-self:stretch;flex-grow:1;flex-shrink:0;flex-basis:0;position:relative;min-width:0;min-height:0;z-index:176}.ellipse-68{position:absolute;width:120.087px;height:120px;top:50%;left:50%;background:url(../assets/images/020b9ed9-2de7-42e6-a87a-5f03e1cfef39.png) no-repeat center;background-size:cover;transform:translate(-49.96%,-50.83%);z-index:177;box-sizing:content-box;-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px)}.score-69{display:flex;flex-direction:column;align-items:center;flex-wrap:nowrap;gap:5px;position:absolute;width:84.061px;height:50px;top:50%;left:50%;transform:translate(-49.96%,-52%);z-index:178}.kw-6a{align-self:stretch;flex-shrink:0;flex-basis:auto;position:relative;min-width:0;height:21px;color:#fff;font-family:Bai Jamjuree,var(--default-font-family);font-size:21px;font-weight:700;line-height:21px;text-align:center;white-space:nowrap;z-index:179}.power-consumption-6b{display:flex;align-items:flex-start;justify-content:center;align-self:stretch;flex-shrink:0;position:relative;width:84.061px;min-width:0;height:24px;color:#a0aec0;font-family:Bai Jamjuree,var(--default-font-family);font-size:12px;font-weight:500;line-height:12px;text-align:center;z-index:180}.piramid{align-self:stretch;flex-shrink:0;flex-basis:auto;position:relative;min-width:0;height:18px;color:#fff;font-family:Bai Jamjuree,var(--default-font-family);font-size:18px;font-weight:700;line-height:18px;text-align:center;white-space:nowrap;letter-spacing:-.36px;z-index:181}.energy-storage-information{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;flex-wrap:nowrap;flex-shrink:0;gap:8px;position:relative;min-width:0;padding:12px 16px;background:#0000000d;z-index:182;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.topic-6c{display:flex;align-items:center;align-self:stretch;flex-wrap:nowrap;flex-shrink:0;gap:8px;position:relative;z-index:183}.vector-6d{flex-shrink:0;position:relative;width:12px;height:24px;background:url(../assets/images/1f543a63-4990-4829-b434-00f926ad2787.png) no-repeat center;background-size:cover;z-index:184}.batteries-backup{flex-shrink:0;flex-basis:auto;position:relative;height:26px;color:#54fafacc;font-family:Bai Jamjuree,var(--default-font-family);font-size:21px;font-weight:700;line-height:26px;text-align:left;white-space:nowrap;z-index:185}.content-6e{display:flex;align-items:center;justify-content:center;align-self:stretch;flex-wrap:nowrap;flex-shrink:0;gap:24px;position:relative;padding:12px 16px;z-index:186}.current-load-6f{flex-shrink:0;position:relative;width:171.343px;height:228px;z-index:187}.flex-row-c{position:relative;width:171.343px;height:171px;margin:0;z-index:190}.ellipse-70{position:absolute;width:171.125px;height:100%;top:0;left:50%;background:url(../assets/images/936df57d-bdfc-461b-b3c4-6786c60c3b19.png) no-repeat center;background-size:cover;transform:translate(-50.06%);z-index:189}.ellipse-71{position:absolute;width:171.125px;height:100%;top:0;left:50%;background:url(../assets/images/4c4a3d5f-c9f4-4347-bc33-f3fca6feb5f9.png) no-repeat center;background-size:cover;transform:translate(-49.94%);z-index:188;-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px)}.score-72{position:absolute;width:49.06%;height:54.97%;top:16.96%;left:24.64%;z-index:190}.bolt-black-dp{position:relative;width:30.022px;height:30px;margin:0 0 0 27px;background:url(../assets/images/2f1a4270-7746-4a62-b75a-4fc7ff71e19b.png) no-repeat center;background-size:cover;z-index:193;overflow:hidden}.percent{display:flex;align-items:flex-start;justify-content:center;position:relative;width:84.061px;height:36px;margin:6px 0 0;color:#fff;font-family:Bai Jamjuree,var(--default-font-family);font-size:36px;font-weight:700;line-height:36px;text-align:center;white-space:nowrap;z-index:191}.current-load-73{display:flex;align-items:flex-start;justify-content:center;position:relative;width:70.051px;height:12px;margin:10px 0 0 7px;color:#a0aec0;font-family:Bai Jamjuree,var(--default-font-family);font-size:12px;font-weight:500;line-height:12px;text-align:center;white-space:nowrap;z-index:192}.h-min{display:flex;align-items:center;justify-content:center;position:relative;width:85.062px;height:18px;margin:0 0 0 13px;color:#fff;font-family:Bai Jamjuree,var(--default-font-family);font-size:18px;font-weight:700;line-height:18px;text-align:center;white-space:nowrap;letter-spacing:-.36px;z-index:196}.time-to-full-charge{display:flex;align-items:center;justify-content:center;position:relative;width:111.081px;height:20px;margin:2px 0 0;color:#8e9ab9;font-family:Bai Jamjuree,var(--default-font-family);font-size:13px;font-weight:400;line-height:20px;text-align:center;white-space:nowrap;letter-spacing:-.26px;z-index:195}.frame-74{display:flex;flex-direction:column;align-items:center;align-self:stretch;flex-wrap:nowrap;flex-grow:1;flex-shrink:0;flex-basis:0;gap:24px;position:relative;z-index:197;overflow:hidden}.battery-health{display:flex;align-items:center;justify-content:space-between;align-self:stretch;flex-wrap:nowrap;flex-shrink:0;position:relative;padding:14px;background:linear-gradient(175.49deg,#050a26bd,#1a1f3780);z-index:198;overflow:hidden;border-radius:20px;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.text-75{flex-shrink:0;position:relative;width:83px;height:44px;font-size:0px;z-index:199}.battery-health-label{display:block;position:relative;height:12px;margin:0;color:#a0aec0;font-family:Bai Jamjuree,var(--default-font-family);font-size:12.000000953674316px;font-weight:500;line-height:12px;text-align:left;white-space:nowrap;z-index:200}.cash{display:block;position:relative;height:29px;margin:3px 0 0;color:#fff;font-family:Bai Jamjuree,var(--default-font-family);font-size:21px;font-weight:700;line-height:29px;text-align:left;white-space:nowrap;z-index:201}.icon{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;flex-shrink:0;gap:10px;position:relative;width:56px;height:56px;padding:13px 14px;background:#0075ff;z-index:202;border-radius:12px}.vector-76{flex-shrink:0;position:relative;width:24px;height:18.285px;background:url(../assets/images/f445b232-6613-40cb-9822-b12db5450512.png) no-repeat center;background-size:cover;z-index:203}.efficiency{display:flex;align-items:center;justify-content:space-between;align-self:stretch;flex-wrap:nowrap;flex-shrink:0;position:relative;padding:16px;background:linear-gradient(175.49deg,#050a26bd,#1a1f3780);z-index:204;overflow:hidden;border-radius:20px;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.text-77{flex-shrink:0;position:relative;width:61px;height:44px;font-size:0px;z-index:205}.efficiency-label{display:block;position:relative;height:12px;margin:0;color:#a0aec0;font-family:Bai Jamjuree,var(--default-font-family);font-size:12.000000953674316px;font-weight:500;line-height:12px;text-align:left;white-space:nowrap;z-index:206}.cash-78{display:block;position:relative;height:29px;margin:3px 0 0;color:#fff;font-family:Bai Jamjuree,var(--default-font-family);font-size:21px;font-weight:700;line-height:29px;text-align:left;white-space:nowrap;z-index:207}.line-chart{flex-shrink:0;position:relative;width:81px;height:52px;background:url(/assets/0f2b4e1b-eaf0-4ce5-9e58-9d772380f2d5-sWnf5bCd.png) no-repeat center;background-size:cover;z-index:208;border-radius:30px}.consumption{display:flex;align-items:center;justify-content:space-between;align-self:stretch;flex-wrap:nowrap;flex-shrink:0;position:relative;padding:14px;background:linear-gradient(175.49deg,#050a26bd,#1a1f3780);z-index:209;overflow:hidden;border-radius:20px;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.text-79{flex-shrink:0;position:relative;width:109px;height:44px;font-size:0px;z-index:210}.backup-power-label{display:block;position:relative;height:13px;margin:0;color:#a0aec0;font-family:Bai Jamjuree,var(--default-font-family);font-size:13px;font-weight:500;line-height:13px;text-align:left;white-space:nowrap;z-index:211}.cash-7a{position:relative;width:109px;height:29px;margin:2px 0 0;font-family:Bai Jamjuree,var(--default-font-family);font-size:21px;font-weight:700;line-height:29px;text-align:left;text-overflow:initial;white-space:nowrap;z-index:212}.cash-value{position:relative;color:#fff;font-family:Bai Jamjuree,var(--default-font-family);font-size:21px;font-weight:700;line-height:29.4px;text-align:left}.slash{position:relative;color:#fff;font-family:Bai Jamjuree,var(--default-font-family);font-size:13px;font-weight:700;line-height:29.4px;text-align:left}.kw-7b{position:relative;color:#fff;font-family:Bai Jamjuree,var(--default-font-family);font-size:21px;font-weight:700;line-height:29.4px;text-align:left}.icon-7c{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;flex-shrink:0;gap:10px;position:relative;width:56px;height:56px;padding:16px 19px;background:#0075ff;z-index:213;border-radius:12px}.vector-7d{flex-shrink:0;position:relative;width:18.013px;height:24px;background:url(../assets/) no-repeat center;background-size:cover;z-index:214}.frame-7e{display:flex;align-items:flex-start;flex-wrap:nowrap;flex-shrink:0;gap:800px;position:relative;width:850.108px;height:auto;margin:11.118px 0 0 535px;opacity:.5;z-index:12}.frame-7f{display:none;align-items:flex-start;flex-wrap:nowrap;flex-shrink:0;position:relative;width:25.054px;height:7.253px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAPCAYAAABJGff8AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGdSURBVHgB3ZbNTcNAEIXfLA5ISJHC0SkgnJEFHLikACiABsIduEPugTtpgAJCAUiA+JHcQAowBeQKLDNxVppYG284OBieFNmznsl+s7szNvCPRIse7Fnb4YdNZ0fA+IloghIl1sbs13b2B5ClRO9lMdvWNltAx9kWmLwRjRHQvrWJtl+J0sjnuGvtkQEu1NCIE+mjRDvWthvADd/GYvNCZJvACQLiRAbsq8GCMZxIj2N6zub7IV9S44Nam3fMGrlzqdbz5GNnfwH9h8CuzKASDSUrXBYjfIVEsmeiKZ/xQA00FCd2vmqoRZIjuZHvvouZRGonjQeqo6EeA+e3CqhFauXzxGpoqBfa1BHKJ6lj/v9jNTRivlvtE9URqihfHUeeOp4mswWcFaCufhOqKF7oU83H7fvax2cEiq+HBag7/BCqyo7Hl66aa/hCdO/zNX+1DftkUNM2LNJ1LArVsdFQdWrDvGhzdUxL1LGpGmpVHU8UcZB8oF2GHLnjdSVp5L/pBEscycTkL2F3DNMQ1AEv2icfY5rFyIfnMnUs+gbdLuj6/FyqYAAAAABJRU5ErkJggg==) no-repeat center;background-size:cover;z-index:13}.frame-80{display:flex;align-items:flex-start;flex-wrap:nowrap;flex-shrink:0;position:relative;width:25.054px;height:7.253px;z-index:14;display:none}.rectangle-81{flex-shrink:0;position:relative;width:6.649px;height:6.51px;background:#38ffffcc;z-index:15}.rectangle-82{flex-shrink:0;position:relative;width:6.649px;height:6.51px;background:#38ffffcc;z-index:16;display:none}.rectangle-83{display:none;flex-shrink:0;position:relative;width:6.649px;height:6.51px;background:#38ffffcc;z-index:17}.rectangle-84{flex-shrink:0;position:relative;width:6.649px;height:6.51px;background:#38ffffcc;z-index:18}.gis-supermap-use-case{position:relative;width:240px;height:40px;margin:-3.371px 0 0 840px;background:url(/assets/ca01ee9edc8793387bc59895234cf7ad3b67af08-Uh2j_G2K.png) no-repeat center;background-size:cover;z-index:19}.background{position:absolute;flex-shrink:0;width:100%;height:100%;top:0;left:0;background:linear-gradient(180deg,#000,#000d2e);overflow:hidden}.piramid-office-rotating{position:relative;width:100%;height:828px;margin:126px 0 0;z-index:2}.piramid-office-rotating-85{position:absolute;width:100%;height:100%;top:0;left:0;background:url(/assets/113b37ae5657529a2984079f9bef5b89879c0e4e-K-kWux7M.png) no-repeat center;background-size:cover;z-index:3}.background-86{position:absolute;width:100%;height:1080px;top:0;left:0;background:#000;z-index:1;overflow:hidden}.hi-tech-frame-stock-video{position:absolute;width:100%;height:100vh;top:0;left:50%;background:url(/assets/cc5a221f-5e29-4dfa-ab74-272f08975896-DZuerble.png) no-repeat center;background-size:cover;transform:translate(-50.03%);z-index:4}.base-layer{position:absolute;right:0;bottom:0;left:0;background:url(/assets/7dad23a1-ff40-4ca8-8284-dd56ba503e74-wXu1h0cl.png) no-repeat center;background-size:cover;z-index:11;overflow:hidden;height:50px;flex-shrink:0;display:none}.bottom-layer{position:absolute;right:0;bottom:0;left:0;background:url(/assets/4fc54ab6-7fe9-4164-9160-9a05694cfc9a-CuiOpVAo.png) no-repeat center;background-size:cover;z-index:10;overflow:hidden;height:50px;display:flex;justify-content:center;animation:slideInBottom 1s ease-out forwards}.bottom-layer img{margin:5px}.control-widget{background:#0000003d;border-radius:8px;padding:8px 12px;box-shadow:0 4px 15px #0006,0 0 10px #55fbfb33;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;flex-direction:column;align-items:stretch;gap:12px;transition:all .3s cubic-bezier(.4,0,.2,1);width:fit-content;height:fit-content;transform:translate(-50%,-50%);position:relative;left:50%;overflow:hidden;max-height:100%}.control-widget.expanded{height:100%;max-height:none;position:relative;left:0;transform:none;margin:15px 0;box-shadow:0 6px 20px #00000080,0 0 15px #55fbfb4d}.expand-button{background:transparent;border:none;color:#55fbfbcc;margin-left:10px;cursor:pointer;transition:all .2s ease;font-size:14px;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px}.expand-button:hover{color:#55fbfb;background:#55fbfb1a}.control-widget:hover{box-shadow:0 6px 20px #00000080,0 0 15px #55fbfb4d}.pole-header{display:flex;flex-direction:column;gap:8px;padding-bottom:8px;border-bottom:1px solid rgba(85,251,251,.2)}.header-title{color:#55fbfbe6;font-family:Bai Jamjuree,sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;text-align:center;letter-spacing:1px}.filter-controls{display:flex;justify-content:space-between;gap:10px}.filter-dropdown{background:#0015404d;border:1px solid rgba(85,251,251,.1);transition:all .2s ease}.feature-item i{font-size:18px;color:#ffffff80}.feature-item span{font-size:11px;color:#fff9;text-align:center}.feature-item.feature-active{background:#55fbfb1a;border-color:#55fbfb4d}.feature-item.feature-active i{color:#55fbfbe6}.feature-item.feature-active span{color:#fff}.activity-timeline{display:flex;flex-direction:column;gap:12px}.activity-item{display:flex;gap:10px}.activity-icon{width:24px;height:24px;border-radius:50%;background:#55fbfb1a;color:#55fbfbcc;display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0}.activity-icon.warning{background:#ffae001a;color:#ffae00}.activity-content{flex:1}.activity-time{font-size:11px;color:#ffffff80;margin-bottom:3px}.activity-description{font-size:13px;color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInFromBottom{0%{transform:translateY(100px) translate(-50%);opacity:0}to{transform:translateY(0) translate(-50%);opacity:1}}.slide-in{animation:slideInFromBottom .8s ease-out forwards}.slide-in.expanded{animation:none}@media(max-width:768px){.filter-controls{flex-direction:column}.pole-table th,.pole-table td{padding:6px;font-size:11px}.action-button{width:22px;height:22px}.form-actions{flex-direction:column;gap:10px}.btn{width:100%;justify-content:center}.modal-content{width:95%;max-height:90vh}.analytics-grid,.checkbox-grid,.pole-details-grid{grid-template-columns:1fr}.features-grid{grid-template-columns:repeat(2,1fr)}}.filter-dropdown:hover,.filter-dropdown:focus{background-color:#001f5ecc;border-color:#55fbfb80;outline:none}.search-container{position:relative;flex:2}.search-input{width:100%;background:#00154099;border:1px solid rgba(85,251,251,.2);border-radius:4px;padding:5px 30px 5px 10px;color:#fff;font-family:Bai Jamjuree,sans-serif;font-size:12px;transition:all .2s ease}.search-input::placeholder{color:#ffffff80}.search-input:hover,.search-input:focus{background-color:#001f5ecc;border-color:#55fbfb80;outline:none}.search-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#55fbfb99;font-size:12px}.pole-content-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.tab-navigation{display:flex;border-bottom:1px solid rgba(85,251,251,.2);margin-bottom:10px}.tab-navigation button{padding:8px 12px;background:transparent;border:none;color:#ffffffb3;cursor:pointer;font-family:Bai Jamjuree,sans-serif;font-size:13px;position:relative;transition:all .2s ease}.tab-navigation button:hover{color:#55fbfbe6}.tab-navigation button.active{color:#55fbfb}.tab-navigation button.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:#55fbfbcc}.tab-navigation button i{margin-right:5px}.pole-list-container{flex:1;overflow-y:auto;margin:0 -8px;padding:0 8px;display:flex;flex-direction:column}.pole-table{width:100%;border-collapse:collapse;font-family:Bai Jamjuree,sans-serif}.pole-table th{background-color:#000f28e6;color:#55fbfbe6;font-size:12px;text-transform:uppercase;letter-spacing:.5px;border-color:#55fbfb4d;padding:8px 10px;position:sticky;top:0;z-index:5}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable-header:hover{background-color:#55fbfb1a}.pole-table td{padding:6px 10px;font-size:12px;color:#fff;border-color:#55fbfb1a;background-color:transparent}.pole-table tr:hover td{background-color:#55fbfb0d}.status-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500}.status-online{background-color:#32cd3233;border:1px solid rgba(50,205,50,.4);color:#32cd32}.status-offline{background-color:#ff3a5e33;border:1px solid rgba(255,58,94,.4);color:#ff3a5e}.status-maintenance{background-color:#ffae0033;border:1px solid rgba(255,174,0,.4);color:#ffae00}.battery-indicator{width:100%;height:16px;background-color:#0000004d;border-radius:8px;overflow:hidden;position:relative}.battery-level{height:100%;border-radius:8px;transition:width .5s ease}.battery-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px;font-weight:700;color:#fff;text-shadow:0 0 2px rgba(0,0,0,.8)}.actions-cell{display:flex;gap:5px}.action-button{width:24px;height:24px;border-radius:4px;border:1px solid rgba(85,251,251,.3);background:#00154080;color:#55fbfbcc;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:10px}.action-button:hover{background:#001f5ecc;transform:translateY(-2px)}.view-button:hover{border-color:#55fbfb99;color:#55fbfb;box-shadow:0 0 8px #55fbfb4d}.edit-button:hover{border-color:#ffae0099;color:#ffae00;box-shadow:0 0 8px #ffae004d}.delete-button:hover{border-color:#ff3a5e99;color:#ff3a5e;box-shadow:0 0 8px #ff3a5e4d}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:10px;padding-top:10px;margin-top:auto;border-top:1px solid rgba(85,251,251,.2)}.pagination-button{width:28px;height:28px;border-radius:4px;border:1px solid rgba(85,251,251,.3);background:#00154080;color:#55fbfbcc;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:12px}.pagination-button:hover:not(:disabled){background:#001f5ecc;transform:translateY(-2px);box-shadow:0 0 8px #55fbfb4d}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.page-info{color:#ffffffb3;font-size:12px;font-family:Bai Jamjuree,sans-serif}.add-pole-container{flex:1;overflow-y:auto;padding:0 5px}.pole-form{display:flex;flex-direction:column;gap:12px}.form-group{display:flex;flex-direction:column;gap:5px}.form-row{display:flex;gap:10px}.half-width{flex:1}.form-group label{color:#55fbfbe6;font-size:13px;font-weight:500}.form-input,.form-textarea{background:#00154099;border:1px solid rgba(85,251,251,.3);border-radius:4px;padding:8px 10px;color:#fff;font-family:Bai Jamjuree,sans-serif;font-size:13px;transition:all .2s ease}.form-textarea{min-height:80px;resize:vertical}.form-input:hover,.form-textarea:hover{border-color:#55fbfb80}.form-input:focus,.form-textarea:focus{border-color:#55fbfbcc;outline:none;box-shadow:0 0 5px #55fbfb33}.checkbox-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.checkbox-group{flex-direction:row;align-items:center;display:flex}.form-checkbox{margin-right:5px;cursor:pointer}.form-actions{display:flex;justify-content:space-between;margin-top:15px}.btn{padding:8px 16px;border-radius:4px;font-family:Bai Jamjuree,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;gap:5px}.btn:disabled{opacity:.6;cursor:not-allowed}.test-connection{background-color:#001540cc;border:1px solid rgba(85,251,251,.4);color:#55fbfbe6}.test-connection:hover:not(:disabled){background-color:#001f5ee6;border-color:#55fbfb99;transform:translateY(-2px)}.save-pole{background-color:#32cd3233;border:1px solid rgba(50,205,50,.4);color:#32cd32}.save-pole:hover:not(:disabled){background-color:#32cd324d;transform:translateY(-2px);box-shadow:0 0 8px #32cd324d}.connection-result{margin-top:15px;padding:10px;border-radius:4px;display:flex;align-items:center;gap:8px;font-size:13px}.connection-result.success{background-color:#32cd321a;border:1px solid rgba(50,205,50,.3);color:#32cd32}.connection-result.error{background-color:#ff3a5e1a;border:1px solid rgba(255,58,94,.3);color:#ff3a5e}.analytics-container{flex:1;overflow-y:auto;padding:0 5px}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.analytics-header h3{color:#55fbfbe6;font-size:16px;margin:0}.date-range-picker{display:flex;gap:5px}.date-range-picker button{background:#00154099;border:1px solid rgba(85,251,251,.2);border-radius:4px;padding:4px 8px;color:#ffffffb3;font-size:12px;cursor:pointer;transition:all .2s ease}.date-range-picker button:hover{background:#001f5ecc;border-color:#55fbfb66}.date-range-picker button.active{background:#55fbfb33;border-color:#55fbfb99;color:#55fbfb}.analytics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:15px}.stat-card{background:#00154066;border:1px solid rgba(85,251,251,.2);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:5px}.stat-header{color:#ffffffb3;font-size:12px}.stat-value{color:#fff;font-size:24px;font-weight:700;line-height:1.2}.stat-change{font-size:11px;margin-top:auto}.stat-change.positive{color:#32cd32}.stat-change.negative{color:#ff3a5e}.chart-container{background:#00154066;border:1px solid rgba(85,251,251,.2);border-radius:8px;padding:12px;margin-top:15px}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.chart-header h4{color:#55fbfbe6;font-size:14px;margin:0}.metric-dropdown{background:#00154099;border:1px solid rgba(85,251,251,.2);border-radius:4px;padding:4px 20px 4px 8px;color:#fff;font-size:12px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(85, 251, 251, 0.9)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 5px center;background-size:12px}.chart-placeholder{height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#ffffff80;font-size:14px;gap:10px}.chart-placeholder i{font-size:36px;color:#55fbfb4d}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1100;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease forwards}.modal-content{box-shadow:0 0 20px #55fbfb33;overflow:hidden;animation:slideIn .3s ease forwards}.details-modal{max-width:600px}.modal-header{padding:15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(85,251,251,.2)}.modal-header h3{margin:0;color:#55fbfbe6;font-family:Bai Jamjuree,sans-serif;font-size:18px;font-weight:600}.close-button{background:transparent;border:none;color:#ffffffb3;font-size:16px;cursor:pointer;transition:color .2s ease}.close-button:hover{color:#ff3a5ee6}.modal-body{padding:15px;max-height:60vh;overflow-y:auto}.warning-text{color:#ff3a5e;font-size:13px;font-style:italic}.modal-footer{padding:15px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid rgba(85,251,251,.2)}.modal-button{padding:8px 16px;border-radius:4px;font-family:Bai Jamjuree,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:5px}.modal-button.cancel-button{background-color:#00154099;border:1px solid rgba(85,251,251,.3);color:#ffffffe6}.modal-button.cancel-button:hover{background-color:#001f5ecc}.modal-button.delete-button{background-color:#ff3a5e33;border:1px solid rgba(255,58,94,.4);color:#ff3a5e}.modal-button.delete-button:hover:not(:disabled){background-color:#ff3a5e4d;transform:translateY(-2px);box-shadow:0 0 8px #ff3a5e4d}.modal-button.save-button{background-color:#32cd3233;border:1px solid rgba(50,205,50,.4);color:#32cd32}.modal-button.save-button:hover:not(:disabled){background-color:#32cd324d;transform:translateY(-2px);box-shadow:0 0 8px #32cd324d}.modal-button:disabled{opacity:.6;cursor:not-allowed}.modal-button.schedule-button{background-color:#4682b433;border:1px solid rgba(70,130,180,.4);color:#4682b4}.modal-button.schedule-button:hover{background-color:#4682b44d;transform:translateY(-2px);box-shadow:0 0 8px #4682b44d}.modal-button.edit-button{background-color:#ffae0033;border:1px solid rgba(255,174,0,.4);color:#ffae00}.modal-button.edit-button:hover{background-color:#ffae004d;transform:translateY(-2px);box-shadow:0 0 8px #ffae004d}.pole-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px}.detail-item{display:flex;flex-direction:column;gap:5px}.detail-label{font-size:12px;color:#55fbfbcc;font-weight:500}.detail-value{font-size:14px;color:#fff}.details-section{margin-bottom:20px}.details-section h4{color:#55fbfbcc;font-size:15px;margin-bottom:10px;border-bottom:1px solid rgba(85,251,251,.2);padding-bottom:5px}.full-battery-indicator{width:100%;height:22px;background-color:#0000004d;border-radius:11px;overflow:hidden;position:relative}.full-battery-level{height:100%;border-radius:11px;transition:width .5s ease}.full-battery-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:700;color:#fff;text-shadow:0 0 2px rgba(0,0,0,.8)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.feature-item{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px;border-radius:8px;background:#0015404d;border:1px solid rgba(85,251,251,.1);transition:all .2s ease}