@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);.heatmap-container{overflow-y:auto;position:relative}.heatmap{display:flex;flex-direction:column;gap:4px;padding-bottom:24px;position:relative}.heatmap-row{align-items:center;display:flex;height:40px}.heatmap-label{color:rgb(var(--text-medium));font-size:.75rem;padding-right:8px;text-align:right;width:80px}.heatmap-cells{display:flex;flex:1;gap:2px}.heatmap-cell{border-radius:2px;cursor:pointer;flex:1;height:30px;transition:transform .2s}.heatmap-cell:hover{transform:scale(1.1);z-index:1}.heatmap-hour-labels{display:flex;gap:2px;margin-left:80px}.hour-label{color:rgb(var(--text-medium));flex:1;font-size:.65rem;margin-top:4px;text-align:center}.heatmap-legend{display:flex;flex-direction:column;margin-left:80px;margin-top:16px}.legend-gradient{background:linear-gradient(90deg,#00f,red);border-radius:4px;height:8px}.legend-labels{color:rgb(var(--text-medium));display:flex;font-size:.75rem;justify-content:space-between;margin-top:4px}@layer base{:root{--p100:255 255 255;--p99:241 255 254;--p98:226 255 254;--p96:211 251 204;--p90:160 240 240;--p80:132 212 211;--p70:104 184 184;--p60:76 157 157;--p50:46 131 131;--p40:0 106 106;--p30:0 79 79;--p20:0 55 55;--p10:0 32 32;--s85:192 217 218;--s70:161 173 174;--s30:62 73 74;--s17:33 44 45;--s15:28 39 40;--s13:25 36 36;--s11:21 31 32;--s9:17 27 28;--s5:8 19 19;--r30:147 0 10;--r70:254 138 126;--y30:92 67 0;--y70:217 163 16;--g30:0 82 48;--g70:85 191 133;--acc-ab40:0 93 183;--acc-ag40:0 109 49;--border-default:var(--s5);--brand-lighter:var(--p40);--brand-main:var(--p30);--brand-accent-1:var(--acc-ab40);--brand-accent-2:var(--acc-ag40);--surfaces-base:var(--p98);--surfaces-l1:var(--p99);--surfaces-l2:var(--p99);--surfaces-l2a:var(--p96);--surfaces-l3:var(--p100);--surfaces-l4:var(--p100);--surfaces-l5:var(--p100);--surfaces-invert:var(--s5);--action-primary-default:var(--p40);--action-primary-hover:var(--p40);--action-primary-focus:var(--p40);--action-primary-disabled:var(--s70);--action-secondary-hover:var(--p96);--action-secondary-default:var(--p90);--action-neutral-default:var(--s5);--action-neutral-disabled:var(--s5);--action-neutral-filled:var(--p99);--text-accent:var(--p40);--text-max:var(--s5);--text-high:var(--s5);--text-medium:var(--s5);--text-low:var(--s5);--text-invert-accent:var(--p70);--text-invert-high:var(--p98);--text-invert-medium:var(--p98);--meaning-error:var(--r30);--meaning-alert:var(--y30);--meaning-success:var(--g30);--opacity-100:1;--opacity-90:0.90;--opacity-80:0.80;--opacity-85:0.85;--opacity-75:0.75;--opacity-50:0.50;--opacity-25:0.25;--opacity-15:0.15;--theme-transition-duration:300ms}*,:after,:before{transition:background-color var(--theme-transition-duration) ease,color var(--theme-transition-duration) ease,border-color var(--theme-transition-duration) ease,box-shadow var(--theme-transition-duration) ease}:root.dark{--p100:255 255 255;--p99:241 255 254;--p98:226 255 254;--p96:211 251 204;--p90:160 240 240;--p80:132 212 211;--p70:104 184 184;--p60:76 157 157;--p50:46 131 131;--p40:0 106 106;--p30:0 79 79;--p20:0 55 55;--p10:0 32 32;--s85:192 217 218;--s70:161 173 174;--s30:62 73 74;--s17:33 44 45;--s15:28 39 40;--s13:25 36 36;--s11:21 31 32;--s9:17 27 28;--s5:8 19 19;--r30:147 0 10;--r70:254 138 126;--y30:92 67 0;--y70:217 163 16;--g30:0 82 48;--g70:85 191 133;--border-default:var(--p98);--brand-lighter:var(--p90);--brand-main:var(--p80);--brand-accent-1:var(--acc-ab70);--brand-accent-2:var(--acc-ag70);--surfaces-base:var(--s5);--surfaces-l1:var(--s9);--surfaces-l2:var(--s11);--surfaces-l2a:var(--s5);--surfaces-l3:var(--s13);--surfaces-l4:var(--s15);--surfaces-l5:var(--s17);--surfaces-invert:var(--p99);--action-primary-default:var(--p70);--action-primary-hover:var(--p70);--action-primary-focus:var(--p70);--action-primary-disabled:var(--s30);--action-secondary-hover:var(--p60);--action-secondary-default:var(--p10);--action-neutral-default:var(--p98);--action-neutral-disabled:var(--p98);--action-neutral-fill:var(--s5);--text-accent:var(--p70);--text-max:var(--p98);--text-high:var(--p98);--text-medium:var(--p98);--text-low:var(--p98);--text-invert-accent:var(--p40);--text-invert-high:var(--s5);--text-invert-medium:var(--s5);--meaning-error:var(--r70);--meaning-alert:var(--y70);--meaning-success:var(--g70);--opacity-100:1;--opacity-85:0.85;--opacity-75:0.75;--opacity-50:0.50;--opacity-25:0.25;--opacity-15:0.15}*{transition:background-color var(--theme-transition-duration) ease,border-color var(--theme-transition-duration) ease,color var(--theme-transition-duration) ease,box-shadow var(--theme-transition-duration) ease}html{@apply antialiased}body{@apply bg-surfaces-base text-high font-satoshi;color:rgb(var(--text-high));line-height:1.5;margin:0}.btn,.btn-32,.btn-40,.btn-48,.btn-disabled,.btn-icon,.btn-icon-left,.btn-icon-right,.btn-loading,.btn-primary .MuiCircularProgress-root,.btn-secondary .MuiCircularProgress-root,.btn-tertiary .MuiCircularProgress-root,.btn-text,.btn-with-left-icon,.btn-with-right-icon,.tab,.tab-32,.tab-32 .tab-icon,.tab-48,.tab-48 .tab-icon,.tab-icon,.tab:disabled,.tab:not(:disabled):active,.tab:not(:disabled):focus,.tab:not(:disabled):hover,button:hover{@apply w-24 h-24}}@tailwind base;@tailwind components;@tailwind utilities;body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;@apply bg-surfaces-base}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.notification-subscriber{align-items:flex-end;display:flex;flex-direction:column;margin-left:auto}.notification-btn{align-items:center;background-color:#f0f0f0;border:none;border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#555;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.notification-btn:hover{background-color:#e0e0e0}.notification-btn.subscribed{background-color:#4caf50;color:#fff}.notification-btn.subscribed:hover{background-color:#43a047}.notification-btn:disabled{cursor:not-allowed;opacity:.6}.notification-error{color:#f44336;font-size:.8rem;margin-top:8px}.notification-info{color:#4caf50;font-size:.8rem;margin-top:8px}.loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}.dark-mode .notification-btn{background-color:#333;color:#ddd}.dark-mode .notification-btn:hover{background-color:#444}.dark-mode .notification-btn.subscribed{background-color:#2e7d32}.dark-mode .notification-btn.subscribed:hover{background-color:#388e3c}@media (max-width:768px){.notification-subscriber{align-items:center;margin-top:12px;width:100%}.notification-btn{justify-content:center;width:100%}}.latest-data-page{animation:fadeIn .5s ease-in-out;padding:0 0 20px}.status-item{align-items:center;display:flex;margin-bottom:8px}.status-badge{border-radius:4px;display:inline-block;font-size:.9rem;font-weight:600;margin-left:8px;padding:4px 8px}.status-online{background-color:#2ecc7133;border:1px solid #2ecc7180;color:#2ecc71}.status-offline{background-color:#e74c3c33;border:1px solid #e74c3c80;color:#e74c3c}.page-header{border-bottom:1px solid rgb(var(--border-default)/.25);margin-bottom:20px;padding-bottom:10px}.header-icon,.page-header{align-items:center;display:flex}.header-icon{color:rgb(var(--brand-main)/1);font-size:24px;justify-content:center;margin-right:12px}.page-title{color:rgb(var(--surfaces-l4)/1);font-size:24px;font-weight:600}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px}.spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-left:4px solid rgb(var(--brand-main)/1);border-radius:50%;height:36px;width:36px}.error-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px}.card{background-color:rgb(var(--surfaces-l1));border-radius:8px;box-shadow:0 2px 10px #0813130d;height:100%;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.card:hover{box-shadow:0 4px 15px #0813131a;transform:translateY(-2px)}.card-title{color:rgb(var(--brand-main)/1);font-size:18px;font-weight:600;margin-bottom:8px}.card-text{color:rgb(var(--surfaces-l4)/1);font-size:14px;margin-bottom:4px}.card-subtitle{color:rgb(var(--surfaces-l3)/.85);font-size:12px;margin-top:8px}.bg-primary{background-color:rgb(var(--brand-main)/1);color:rgb(var(--surfaces-invert)/1)}.text-white{color:rgb(var(--surfaces-invert)/1)!important}.d-flex{display:flex}.align-items-center{align-items:center}.mr-2{margin-right:8px}.mb-2{margin-bottom:8px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media screen and (max-width:768px){.card{margin-bottom:12px}.latest-data-page{padding-top:0}.MuiGrid-container{margin-top:0!important}.MuiCardContent-root{padding:16px!important}}@media screen and (max-width:480px){.MuiCardContent-root,.card-content{padding:12px!important}.card-subtitle,.card-text{font-size:12px}.MuiGrid-item{padding:8px!important}.MuiGrid-container{margin:0 -8px!important}}.custom-switch .MuiSwitch-thumb{background-color:red;border-radius:4px}.custom-switch .MuiSwitch-track{background-color:pink!important;border-radius:24px!important}.auth-container{align-items:center;background-color:#f5f7fa;display:flex;justify-content:center;min-height:100vh}.auth-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:2rem;width:100%}.auth-header{align-items:center;display:flex;flex-direction:column;margin-bottom:1.5rem}.auth-icon{color:#3498db;font-size:2rem;margin-bottom:.5rem}.auth-header h2{color:#2c3e50;font-size:1.5rem;margin:0}.auth-error{background-color:#ffebee;border-radius:4px;color:#d32f2f;font-size:.875rem;margin-bottom:1rem;padding:.75rem}.auth-form{display:flex;flex-direction:column}.form-group{margin-bottom:1rem}.form-group label{color:#34495e;display:block;font-weight:500;margin-bottom:.5rem}.form-group input{border:1px solid #dcdfe6;border-radius:4px;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.form-group input:focus{border-color:#3498db;outline:none}.auth-button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:.5rem;padding:.75rem;transition:background-color .2s}.auth-button:hover{background-color:#2980b9}.auth-button:disabled{background-color:#95a5a6;cursor:not-allowed}.auth-links{text-align:center}.auth-links a{color:#3498db;font-size:.875rem;text-decoration:none}.auth-links a:hover{text-decoration:underline}@media (max-width:480px){.auth-card{padding:1.5rem}}*{box-sizing:border-box;margin:0;padding:0}.App{display:flex;flex-direction:column;margin:0 auto;min-height:100vh}.app-header{background-color:#2c3e50;border-radius:0 0 10px 10px;box-shadow:0 2px 10px #0000001a;color:#fff;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.app-header,.logo{align-items:center;display:flex}.logo{gap:10px}.logo-icon{color:#4ade80;font-size:24px}.logo-text{font-size:20px;font-weight:600}.desktop-nav{display:flex;gap:10px}.nav-item{align-items:center;background-color:initial;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:15px;gap:8px;padding:8px 15px;transition:all .2s ease}.mobile-menu-button{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:24px}.mobile-nav{background-color:#2c3e50;border-radius:0 0 10px 10px;display:none;flex-direction:column;gap:10px;margin-bottom:20px;margin-top:-20px;padding:15px}.app-content{flex:1;padding:0 20px 20px}.dashboard-container{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;overflow:hidden}.sidebar .category-item:hover,.sidebar .device-item:hover{background-color:#e2e8f0!important}.sidebar .category-item.active,.sidebar .device-item.active{background-color:#e2e8f0!important;font-weight:500}.chart-container{transition:all .3s ease}.chart-container:hover{box-shadow:0 4px 12px #0000001a}.overview-card{transition:all .3s ease}.overview-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.info-card{transition:all .3s ease}.info-card:hover{box-shadow:0 4px 12px #0000001a}.app-footer{background-color:#2c3e50;border-radius:10px 10px 0 0;color:#e2e8f0;display:flex;font-size:14px;justify-content:space-between;margin-top:20px;padding:15px 20px}.placeholder-content{margin:0 auto;max-width:800px;padding:20px;text-align:center}.placeholder-content h1{color:#2c3e50;margin-bottom:20px}.placeholder-content p{line-height:1.6;margin-bottom:15px}.auth-links{display:flex;justify-content:center;margin-top:1rem}.auth-links button{background:none;border:none;color:#3498db;cursor:pointer;font-size:.9rem;padding:.5rem;text-decoration:underline}.auth-links button:hover{color:#2980b9}.logout-button{color:#e74c3c!important;margin-left:auto}.logout-button:hover{color:#c0392b!important}@media (max-width:768px){.desktop-nav{display:none}.mobile-menu-button{display:block}.mobile-nav{background-color:#fff;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;left:0;position:fixed;top:60px;transform:translateY(-100%);transition:transform .3s ease;width:100%;z-index:100}.mobile-nav.open{transform:translateY(0)}.app-content{padding-top:70px}.dashboard-content{flex-direction:column}.sidebar{margin-bottom:20px;width:100%!important}.plant-overview{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important}.app-footer{align-items:center;flex-direction:column;gap:5px}}@media screen and (max-width:1024px){.dashboard-grid,.metrics-grid{grid-template-columns:1fr 1fr}.chart-grid{grid-template-columns:1fr}}@media screen and (max-width:768px){.mobile-menu-button{display:block}.desktop-nav{display:none}.mobile-nav.active{display:flex}.dashboard-grid,.metrics-grid{grid-template-columns:1fr}.table-container{overflow-x:auto}.form-row{flex-direction:column}.form-group{margin-bottom:10px;width:100%}.card-grid{grid-template-columns:1fr}.button-group{flex-wrap:wrap}.dashboard-controls{align-items:flex-start;flex-direction:column}.tab-controls{margin-top:10px;overflow-x:auto;padding-bottom:5px;white-space:nowrap;width:100%}}@media screen and (max-width:480px){.app-header{padding:10px}.logo-text{font-size:16px}.app-content{padding:0 10px 10px}.card-header{align-items:flex-start;flex-direction:column}.card-header-actions{margin-top:10px;width:100%}.nav-item,button{padding:10px 15px}}button,input,select{background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;font-family:inherit;font-size:14px;padding:8px 12px;transition:all .2s ease}button:focus,input:focus,select:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce33;outline:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.chart-container,.info-card,.overview-card{animation:fadeIn .5s ease-in-out}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}
/*# sourceMappingURL=main.0d531515.css.map*/