body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh;margin:0;overflow:hidden;width:100vw}#root,html{height:100%;margin:0;padding:0;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{background-color:#fff;border-radius:15px;box-shadow:0 5px 20px #0000001a;margin:40px auto;max-width:400px;padding:30px}.login-container h2{color:#4a6fa5;margin-bottom:25px;text-align:center}.form-group{margin-bottom:20px}.form-group label{color:#555;display:block;font-weight:500;margin-bottom:8px}.input-field{border:1px solid #ddd;border-radius:25px;box-sizing:border-box;font-size:14px;padding:12px;transition:all .3s ease;width:100%}.input-field:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233;outline:none}.login-button{background-color:#4a90e2;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:12px;transition:all .3s ease;width:100%}.login-button:hover{background-color:#357abd;box-shadow:0 4px 8px #0000001a}.login-button:disabled{background-color:#a0a0a0;cursor:not-allowed}.error-message{background-color:#fdecea;border-radius:10px;color:#e74c3c;font-size:14px;margin-top:15px;padding:10px}.date-options{display:flex;flex-direction:column;gap:12px}.radio-options{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:10px}.radio-options label{align-items:center;cursor:pointer;display:flex}.radio-options input[type=radio]{margin-right:8px}.date-range-selector,.date-selector,.date-time-range-selector,.datetime-range-selector{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.date-row,.datetime-row,.time-row{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:10px}.quick-buttons{display:flex;gap:8px}.quick-buttons button{background-color:#ffffff40;border:1px solid #ffffff80;border-radius:20px;color:#fff;cursor:pointer;padding:8px 15px;transition:all .3s ease}.quick-buttons button:hover{background-color:#ffffff59;box-shadow:0 2px 5px #0000001a}.device-id-wrapper{align-items:center;display:flex;flex-direction:column;width:100%}.device-id-label{color:#fff;display:block;font-size:16px;margin-bottom:10px;text-align:center}.device-id-input{background-color:#ffffff1a;border:1px solid #ffffff4d;border-radius:20px;color:#fff;display:block;margin:0 auto;padding:10px 15px;width:90%}.device-id-input::placeholder{color:#fff9}.action-button{background-color:#fff3;border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:500;padding:12px;transition:all .3s ease;width:100%}.query-button{margin-bottom:15px}.action-button:hover{background-color:#ffffff4d;box-shadow:0 4px 8px #0000001a}.loading-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;margin:20px 0;padding:40px;text-align:center}.loading-spinner{animation:spin 1s ease-in-out infinite;border:4px solid #4a90e24d;border-radius:50%;border-top-color:#4a90e2;display:inline-block;height:40px;margin-bottom:15px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.error-container{background-color:#fdecea;color:#e74c3c;margin:20px;padding:20px}.empty-state,.error-container{border-radius:8px;box-shadow:0 2px 10px #0000000d}.empty-state{background-color:#fff;color:#777;margin:20px 0;padding:40px;text-align:center}.dashboard-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.app-container{display:flex;flex-direction:column;height:100%;width:100%}.main-content{display:flex;flex:1 1;overflow:hidden}.sidebar{background-color:#4a6fa5;box-shadow:2px 0 10px #0000001a;color:#fff;display:flex;flex-direction:column;transition:all .3s ease;width:180px}.sidebar-title{border-bottom:1px dashed #fff6;font-size:24px;padding:20px;text-align:center}.sidebar-menu{cursor:pointer;font-size:18px;padding:20px;transition:background-color .3s ease}.sidebar-menu:hover{background-color:#ffffff26}.content-area{background-color:#f5f7fa;display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:20px}.header{background-color:#16506b;justify-content:center}.dashboard-header,.header{align-items:center;box-shadow:0 2px 10px #0000001a;color:#fff;display:flex;height:50px;margin-right:20px;padding:15px}.dashboard-header{background-color:#4a90e2;justify-content:space-between}.dashboard-header h2{margin:0}.logout-button{background-color:initial;border:1px solid #fff;border-radius:20px;color:#fff;cursor:pointer;margin-left:auto;padding:8px 15px;transition:all .3s ease}.logout-button:hover{background-color:#ffffff26;box-shadow:0 2px 5px #0003}.main-content-area{background-color:#f5f7fa;display:flex;flex:1 1;flex-direction:column;margin-right:20px;overflow:auto;padding:20px}.page-title{background-color:#6a89cc;border-radius:5px 5px 0 0;color:#fff;font-size:16px;margin:0;padding:12px 15px;text-align:center}.controls-container{background-color:#fff;border-radius:0 0 5px 5px;box-shadow:0 2px 10px #0000000d;display:flex;margin-bottom:15px;padding:15px}.device-id-container{align-items:center;background-color:#4a6fa5;border-radius:8px;box-shadow:0 2px 5px #0000001a;color:#fff;display:flex;flex:0 0 30%;justify-content:center;margin-right:10px;padding:12px}.device-id-container input{background-color:#ffffff1a;border:1px solid #ffffff4d;border-radius:20px;color:#fff;transition:all .3s ease}.device-id-container input:focus{background-color:#fff3;box-shadow:0 0 0 2px #ffffff4d;outline:none}.date-time-container{background-color:#66bb6a;border-radius:8px;box-shadow:0 2px 5px #0000001a;color:#fff;flex:0 0 45%;margin-right:10px;padding:12px}.date-time-container h3{font-size:16px;margin:0 0 10px;text-align:center}.date-time-container input[type=date],.date-time-container input[type=time]{background-color:#ffffff1a;border:1px solid #ffffff4d;border-radius:20px;color:#fff;padding:5px 10px}.date-time-container input[type=radio]{accent-color:#fff}.action-buttons-container{background-color:#66bb6a;border-radius:8px;box-shadow:0 2px 5px #0000001a;color:#fff;display:flex;flex:0 0 20%;flex-direction:column;justify-content:center;padding:12px}.action-buttons-container button{background-color:#4a90e2;border:none;border-radius:20px;box-shadow:0 2px 5px #0000001a;color:#fff;cursor:pointer;padding:10px;transition:all .3s ease}.action-buttons-container button:hover{background-color:#357abd;box-shadow:0 4px 8px #0003}.action-buttons-container button:disabled{background-color:#a0a0a0;box-shadow:none;cursor:not-allowed}.dashboard-area{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;flex:1 1;overflow:hidden;padding:20px}.map-container{background-color:#e3f2fd;border-radius:8px 0 0 0;flex:0 0 45%;height:100%;overflow:hidden;position:relative}.charts-container{grid-gap:12px;background-color:#f9f9f9;border-radius:0 8px 0 0;display:grid;flex:0 0 54.5%;gap:12px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;padding:12px}.right-margin{background-color:#f5f7fa;border-radius:0 8px 0 0;flex:0 0 10%}.chart-box{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000000d;color:#444;display:flex;flex-direction:column;overflow:hidden}.chart-title{background-color:#4a90e2;border-radius:8px 8px 0 0;color:#fff;font-size:14px;padding:8px 12px}.chart-content{background-color:#fff;flex:1 1;padding:10px}.chart-content,.timebar-container{align-items:center;display:flex;justify-content:center}.timebar-container{background-color:#4a6fa5;border-radius:0 0 8px 8px;color:#fff;height:50px;margin-right:20px}.current-data-container{background-color:#fff;border-radius:8px;border-top:1px solid #eee;box-shadow:0 2px 10px #0000000d;margin:15px 20px 15px 0;padding:12px}.map-error{background-color:#e74c3ce6;box-shadow:0 4px 8px #0003;padding:15px}.map-error,.map-placeholder{border-radius:8px;color:#fff;left:50%;max-width:80%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1000}.map-placeholder{background-color:#000000b3;padding:15px 20px}
/*# sourceMappingURL=main.2dc44333.css.map*/