body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f7fa;color:#1a1f36;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{align-items:center;display:flex;justify-content:space-between;padding:1rem 2rem}.app-header h1{font-size:1.5rem;margin:0}.user-info{align-items:center;display:flex;gap:1rem}.logout-button{background-color:initial;border:1px solid #fff;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color .3s}.logout-button:hover{background-color:#ffffff1a}.welcome-message{color:#6b7280;font-size:.875rem;margin:0}.main-nav{display:flex;gap:1.5rem}.main-nav a{border-radius:4px;color:#4b5563;font-weight:500;padding:.5rem;text-decoration:none;transition:all .2s}.main-nav a.active,.main-nav a:hover{background-color:#f3f4f6;color:#1a1f36}.map-container{flex:2 1}.dashboard-panel{background-color:#f5f5f5;flex:1 1;padding:1rem}.sidebar{background-color:#fff;border-right:1px solid #e5e7eb;overflow-y:auto;padding:1rem;width:300px}.sidebar-section{margin-bottom:2rem}.sidebar-section h3{color:#1a1f36;font-size:1rem;font-weight:600;margin-bottom:1rem}.sensor-list{display:flex;flex-direction:column;gap:.5rem}.sensor-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:all .2s}.sensor-item.selected,.sensor-item:hover{background-color:#f3f4f6}.sensor-status{border-radius:50%;height:8px;width:8px}.sensor-info{flex:1 1}.sensor-name{color:#1a1f36;font-weight:500}.sensor-location{color:#6b7280;font-size:.875rem}.main-content{background-color:#f9fafb}.map-header{z-index:5}@media (max-width:768px){.app-container{flex-direction:column}.sidebar{border-bottom:1px solid #e5e7eb;border-right:none;width:100%}.header-content{flex-direction:column;gap:1rem;text-align:center}.main-nav{justify-content:center;width:100%}}.app-container{display:flex;flex-direction:column;height:100vh;overflow:hidden;width:100vw}.app-header{background-color:#1a73e8;color:#fff;padding:1rem;text-align:center}.dashboard-container{display:flex;flex:1 1;overflow:hidden}.map-container{flex:1 1;position:relative}.dashboard-panel{background:#fff;box-shadow:-2px 0 5px #0000001a;max-width:800px;min-width:400px;overflow-y:auto;width:50%;z-index:1000}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;max-height:90vh;max-width:800px;overflow-y:auto;padding:1.5rem;position:relative;width:90%}.modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.close-button{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem;padding:.5rem}.close-button:hover{color:#333}.stats-grid{grid-gap:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.stat-card{background:#f8f9fa;border-radius:8px;padding:1rem;text-align:center}.stat-card h3{color:#666;font-size:.9rem;margin:0}.stat-card p{color:#333;font-size:1.5rem;font-weight:700;margin:.5rem 0 0}.chart-container{display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:stretch;max-height:60vh;min-height:350px}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#dc3545;margin:1rem 0;padding:1rem}.last-fetch-time{color:#666;font-size:.8em;padding:5px;text-align:right}.chart-controls{flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.chart-controls,.view-by-bar{align-items:center;display:flex}.view-by-bar{gap:.5rem}.view-by-bar button{background:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;padding:.3rem .8rem;transition:all .2s}.view-by-bar button:hover{background:#f0f0f0}.view-by-bar button.active{background:#e8f5e9;border:2px solid #4caf50;font-weight:700}.dashboard{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.stats-grid{display:flex;flex-direction:row;flex-wrap:nowrap;gap:1rem;margin-bottom:2rem;overflow-x:auto}.stat-value{color:#1a1f36;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.stat-change{align-items:center;display:flex;font-size:.875rem;font-weight:500;gap:.25rem}.stat-change.up{color:#059669}.stat-change.down{color:#dc2626}.charts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.chart-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.chart-card h3{color:#1a1f36;font-size:1rem;font-weight:600;margin-bottom:1rem}.map-header{align-items:center;background-color:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem}.map-header h2{color:#1a1f36;font-size:1.25rem;font-weight:600;margin:0}.map-legend{display:flex;gap:1rem}.legend-item{align-items:center;color:#4b5563;display:flex;font-size:.875rem;gap:.5rem}.legend-color{border:2px solid #fff;border-radius:50%;box-shadow:0 0 4px #0000001a;height:12px;width:12px}.sensor-popup{padding:.5rem}.sensor-popup h3{color:#1a1f36;font-size:1rem;font-weight:600;margin-bottom:.5rem}.sensor-popup p{color:#4b5563;font-size:.875rem;margin-bottom:.25rem}.main-content{display:flex;flex:1 1;flex-direction:column;min-height:0}@media (max-width:768px){.charts-grid{grid-template-columns:1fr}.map-header{flex-direction:column;gap:1rem;padding:.75rem}.map-legend{justify-content:space-between;width:100%}}.sensor-details,.sensor-info{background-color:#f9fafb;border-radius:4px;margin-bottom:1.5rem;padding:1rem}
/*# sourceMappingURL=main.5f68d827.css.map*/