:root{--text:#374151;--text-h:#1f2028;--bg:#edf5f5;--border:#e5e7eb;--code-bg:#f3f4f6;--sans:system-ui, Avenir, Helvetica, Arial, sans-serif;--heading:system-ui, Avenir, Helvetica, Arial, sans-serif;--mono:monospace;font-family:var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#8ca3af;--text-h:#0f2028;--bg:white;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:row;width:100vw;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{font-family:var(--heading);color:var(--text-h);margin:0;font-size:16px;font-weight:500}html{scroll-behavior:smooth}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}button{cursor:pointer;background-color:#19196e;background-image:radial-gradient(circle at 90% -5%,#fffc 0%,#0000 45%),radial-gradient(circle at 10% 110%,#3030d1 0%,#0000 45%),radial-gradient(circle,#19196e 0%,#0000 35%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:0;border-radius:12px;width:280px;height:60px;font-size:24px;font-weight:700}button:hover{box-shadow:0 0 20px #3030d199}.pie-card{width:600px;height:500px;display:flex}.line-card,.area-card,.sum-card,.bar-card,.doughnut-card,.hor-bar-card{box-sizing:border-box;background:#ffffff40;border:2.5px solid #ffffff80;border-radius:20px;padding:20px;display:inline-flex;box-shadow:0 2px 15px #0000001a}.line-card:hover,.area-card:hover,.pie-card:hover,.bar-card:hover,.doughnut-card:hover,.multitype-card:hover{box-shadow:0 6px 25px #0000001a}body{background-color:#edf5f5;background-image:radial-gradient(circle at 90% -5%,#b8e0e0 0%,#0000 45%),radial-gradient(circle at 10% 110%,#c4f5f4 0%,#0000 45%),radial-gradient(circle,#8dc2ac 0%,#0000 35%);min-height:100vh;margin:0;padding:0;font-family:sans-serif;display:flex}.dashboard{box-sizing:border-box;flex-wrap:wrap;flex:1;align-content:flex-start;align-items:flex-start;gap:24px;padding:24px;display:flex;overflow:hidden auto}.bldg-id,.username-label,.password-label{text-align:center;resize:none;color:#000;background-color:#dce4e6;border:0;border-radius:20px;align-items:center;width:30vw;height:100px;margin:2px 2px 35px;font-size:24px;display:flex}.input-card{box-sizing:border-box;background-color:#edf5f5;border-radius:20px;height:150px;padding:20px;position:fixed;top:30%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 15px #0000001a}.login-panel-active{z-index:100;-webkit-backdrop-filter:blur(100px);isolation:isolate;background-color:#edf5f5;background-image:radial-gradient(circle at 90% -5%,#b8e0e0 0%,#0000 45%),radial-gradient(circle at 10% 110%,#c4f5f4 0%,#0000 45%),radial-gradient(circle,#8dc2ac 0%,#0000 35%);flex-direction:column;justify-content:center;align-items:center;width:100vw;display:flex}.btn-utility,.cancel-btn,.back{position:fixed;top:4%;left:90%;transform:translate(-50%,-50%)}.loading-spinner{z-index:100;-webkit-backdrop-filter:blur(100px);isolation:isolate;background-color:#edf5f5;background-image:radial-gradient(circle at 90% -5%,#b8e0e0 0%,#0000 45%),radial-gradient(circle at 10% 110%,#c4f5f4 0%,#0000 45%),radial-gradient(circle,#8dc2ac 0%,#0000 35%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.spinner{border:4px solid #f3f3f3;border-top-color:#19194f;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.desc1,.desc2,.desc3,.desc4,.desc5{color:#19194f;background:#ffffff40;border:2.5px solid #ffffff80;border-radius:5px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:15px;width:50%;margin:40px;padding:20px;display:flex}.desc1:hover,.desc2:hover,.desc3:hover,.desc4:hover,.desc5:hover{background:0 0;border-radius:10px}.warning-text{color:red;background:#ffffff40;border:2.5px solid red;width:1020px;height:100px;font-size:30px;font-weight:700;display:flex}.okay-text{color:green;background:#ffffff40;border:2.5px solid #ffffff80;height:80px;margin-top:20px;margin-left:30px;font-size:30px;font-weight:700;animation:2s forwards fadeOutBanner}@keyframes fadeOutBanner{0%{opacity:0;transform:scale(.8)translateY(-20px)}15%{opacity:1;transform:scale(1.05)translateY(0)}25%{opacity:1;transform:scale(1)translateY(0)}75%{opacity:1;transform:scale(1)translateY(0)}90%{opacity:0;transform:scale(1.05)translateY(-10px)}to{opacity:0;max-height:0;overflow:hidden;transform:scale(.8)translateY(-20px)}}.metrics-page{flex-wrap:wrap;justify-content:center;align-items:flex-start;margin-top:20px;display:flex}.metrics,.cross-validation{margin-left:100px;display:flex}.metrics table{border-collapse:collapse;background:#ffffff80;width:800px;height:100px}table{border-collapse:collapse;background:#ffffff80;width:auto;height:auto}th{color:#8dc2ac;cursor:pointer;background:#19194f;border:.5px solid #ffffff59;height:30px;padding:10px}td{text-align:center;color:#19194f;cursor:pointer;border:.5px solid #03106582;padding:10px}td:hover{color:#8dc2ac;background:#19194f}th:hover{color:#19194f;background:#8dc2ac}.report,.contents{box-sizing:border-box;flex-flow:column wrap;justify-content:center;align-items:center;gap:30px;width:100%;display:flex}.header-report{background:#ffffff40;border:2.5px solid #fff;border-radius:20px;padding:10px}.text{text-align:center;color:#19194f;opacity:.8;background:#ffffff40;border:.5px solid #ffffff80;max-width:600px;margin:10px;font-size:20px;line-height:1.6}.details ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:620px;margin:0;padding:0;list-style:none;display:grid}.details li{color:#19194f;cursor:pointer;background:#ffffff40;border:3.5px solid #fff;border-radius:8px;padding:12px 14px}.details li:hover{color:#ccf0dd;background:#19194f}.table-devices{flex-flow:column wrap;display:flex}.report table{border-collapse:collapse;background:#ffffff80;width:auto;height:auto}.buildings-panel{background-image:radial-gradient(circle at 90% -5%,#b8e0e0 0%,#0000 25%),radial-gradient(circle at 10% 110%,#fff 0%,#0000 65%),radial-gradient(circle,#fff 0%,#0000 55%);height:100vh;overflow-y:auto}.building-view{flex-wrap:wrap;gap:12px;height:auto;padding:10px;display:flex}.bldg-view{cursor:pointer;color:#19196e;box-sizing:border-box;background-color:#edf5f5;border-radius:20px;justify-content:center;align-items:center;width:150px;height:150px;padding:30px;font-size:22px;display:inline-flex;box-shadow:0 12px 15px #0000001a}.bldg-view:hover{background-color:#b8d8da;transition:background-color .2s,transform .2s;transform:scale(.95)}.search-bldg{flex-direction:column;justify-content:flex-start;align-items:flex-start;margin:10px;display:flex}.bldg-search{resize:none;color:#000;background-color:#dce4e6;border:0;border-radius:20px;width:600px;height:60px;margin:40px 2px;padding:10px;font-size:22px}.nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-bottom:.5px solid #ffffff59;flex-direction:column;display:grid;position:sticky;top:0}.Header{flex-wrap:wrap;justify-content:space-evenly;align-items:center;display:flex}.Header h2{color:#19194f;font-size:28px;font-weight:700}.nav ul{background:#ffffff40;border:.5px solid #ffffff80;gap:4px;height:auto;list-style-type:none;display:flex}.nav li a{color:#19194f;border:30px;padding:6px 16px;font-size:24px;text-decoration:none;transition:background .18s,color .18s;display:block}.nav li a:hover{color:#8dc2ac;background:#19194f}.dropdown:hover{border-color:#19194f66;border-radius:10px;box-shadow:0 0 0 3px #19194f12}.time-selectors{flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.dropdown{background:#ffffff40;border:.5px solid #ffffff80;border-radius:10px;align-self:center;height:40px;display:flex;position:relative}.time-range{justify-content:center;display:block}.apply{color:#19194f;background:#ffffff40;border:2.5px solid #ffffff80;width:80px;height:38px;margin:0 20px;font-size:18px;position:relative}.apply:hover{color:#ccf0dd;background:#19194f}.start-date,.end-date{color:#19194f;cursor:pointer;background:#ffffff40;border:none;border-radius:6px;width:120px;height:40px;margin:2px 3px;padding:0 5px 7px 8px}::-webkit-calendar-picker-indicator{filter:invert(48%)sepia(13%)saturate(3207%)hue-rotate(130deg)brightness(95%)contrast(80%);cursor:pointer}::-webkit-datetime-edit-fields-wrapper{cursor:pointer}input[value=""]::-webkit-datetime-edit{display:none}.dropdown_feild{cursor:pointer;text-align:start;resize:none;color:#19194f;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;height:40px;margin:2px 2px 35px;padding:0;font-size:24px;display:flex;position:relative}.dropdown ul{cursor:pointer;z-index:100;background:#ffffff40;border:1.5px solid #ffffff80;border-radius:10px;height:40px;margin:0;padding:0;list-style:none;position:relative}.dropdown li{color:#19194f;padding:10px;font-size:18px;display:block}.dropdown li:hover{color:#8dc2ac;background:#19194f;border-radius:10px}.cards ul{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.kpi ul{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;height:500px;margin:0;padding:0;list-style:none;display:grid}.cards li{cursor:pointer}.cards li:hover{color:#ccf0dd;background:#19194f}.kpi li,.cards li{background:#ffffff40;border:3.5px solid #ffffff80;border-radius:8px;padding:12px 14px}.kpi-label{white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:11px;overflow:hidden}.kpi-value,.dev-label{font-size:18px;font-weight:500}.dev-label{white-space:nowrap;overflow:hidden}.kpi-card,.cards{color:#19194f}.kpi-card:hover{color:#ccf0dd;background:#19194f}