@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);.formContainer{background-color:#16192c;justify-content:center;min-height:100vh}.formContainer,.formContainer .formWrapper{align-items:center;display:flex;flex-direction:column;min-width:300px}.formContainer .formWrapper{background-color:#fff;border-radius:12px;gap:10px;max-width:320px;padding:30px 10px;width:70vw;z-index:1000}.formContainer .formWrapper .logo{margin-bottom:10px;width:60px}.formContainer .formWrapper .logo_caption{color:#16192c;font-size:1.2rem;margin-bottom:10px}.formContainer .formWrapper .logo_caption .brand{color:#3d71b2;font-weight:bolder}.formContainer .formWrapper .title{color:#16192c;font-size:.8rem}.formContainer .formWrapper form{display:flex;flex-direction:column;font-size:1rem;gap:15px}.formContainer .formWrapper form input{border:none;border-bottom:1px solid #16192c;font-size:1rem;padding:10px 10px 5px;width:250px}.formContainer .formWrapper form input::placeholder{color:#afafaf}.formContainer .formWrapper form label{align-items:center;color:#3d71b2;cursor:pointer;display:flex;font-size:1rem;gap:10px}.formContainer .formWrapper form label img{width:32px}.formContainer .formWrapper form select{background-color:#b4d7a7;border:none;font-size:1rem;padding:10px}.formContainer .formWrapper form button{background-color:#16192c;border:none;border-radius:.4rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:1rem}.formContainer .formWrapper form button:hover{background-color:#16192ce6}.formContainer .formWrapper form button:active{background-color:#16192ccc}.formContainer .formWrapper form .error{align-items:center;color:red;display:flex;font-size:10px;justify-content:center;width:250px}.formContainer .formWrapper p{align-items:right;color:#16192c;font-size:1rem;margin-top:10px}.formContainer .upcircleFooter{bottom:15px;font-size:.8rem;position:absolute}.formContainer .upcircleFooter .brand{color:#3d71b2;font-weight:bolder}.formContainer .upcircleFooter .year{color:#fff;margin-left:5px}@keyframes wave{0%{opacity:0;transform:translateX(-100%)}20%{opacity:.8}80%{opacity:.8}to{opacity:0;transform:translateX(100%)}}.feed-timestamping{display:flex;flex-direction:column;height:100vh;overflow:hidden;width:100vw}.feed-timestamping.light-mode{background-color:#f3f1f4;color:#000}.feed-timestamping.dark-mode{background-color:#16192c;color:#fff}.feed-timestamping .top-navigation{align-items:center;box-shadow:0 2px 4px #0000001a;display:flex;height:60px;justify-content:space-between;padding:.5rem 1rem;transition:all .2s ease}.light-mode .feed-timestamping .top-navigation{background-color:#fff;border-bottom:1px solid #e0e0e0;color:#000}.dark-mode .feed-timestamping .top-navigation{background-color:#1e2235;border-bottom:1px solid #2a2e45;color:#fff}.feed-timestamping .top-navigation .user-info{align-items:left;display:flex;flex-direction:column}.feed-timestamping .top-navigation .user-info h2{font-size:1.3rem;font-weight:600;margin:0 0 0 1rem}.feed-timestamping .top-navigation .user-info:before{content:"Aktiver Benutzer";font-size:.7rem;margin-bottom:.2rem;margin-left:1rem;margin-top:.2rem;opacity:.7}.feed-timestamping .top-navigation .conveyor-controls{align-items:center;display:flex;gap:1rem}.feed-timestamping .top-navigation .conveyor-controls.single-device{gap:0}.feed-timestamping .top-navigation .conveyor-controls.single-device .speed-indicator{margin-left:0}.feed-timestamping .top-navigation .conveyor-controls .conveyor-label{align-items:left;display:flex;flex-direction:column}.feed-timestamping .top-navigation .conveyor-controls .conveyor-label .band-label{font-size:.8rem;margin-bottom:.2rem;margin-left:1.3rem;opacity:.7}.feed-timestamping .top-navigation .conveyor-controls .conveyor-selector .conveyor-select{border-radius:4px;cursor:pointer;font-size:1.2rem;font-weight:600;min-width:180px;padding:.5rem 1rem}.light-mode .feed-timestamping .top-navigation .conveyor-controls .conveyor-selector .conveyor-select{background-color:#fff;border:1px solid #e0e0e0;color:#000}.dark-mode .feed-timestamping .top-navigation .conveyor-controls .conveyor-selector .conveyor-select{background-color:#26293c;border:1px solid #2a2e45;color:#fff}.feed-timestamping .top-navigation .conveyor-controls .conveyor-selector .conveyor-select:focus{box-shadow:0 0 0 2px #4a90e280;outline:none}.feed-timestamping .top-navigation .conveyor-controls .speed-indicator{align-items:center;border-radius:4px;display:flex;flex-direction:row;gap:.9rem;max-height:50px;min-width:160px;padding:.1rem .75rem}.feed-timestamping .top-navigation .conveyor-controls .speed-indicator.speed-moving{background-color:#2ecc71;color:#fff}.feed-timestamping .top-navigation .conveyor-controls .speed-indicator.speed-stopped{background-color:#e74c3c;color:#fff}.feed-timestamping .top-navigation .conveyor-controls .speed-indicator.speed-undefined{background-color:#888;color:#fff}.feed-timestamping .top-navigation .conveyor-controls .speed-indicator .speed-display-icon{align-items:center;display:flex;flex-direction:column;gap:.2rem}.feed-timestamping .top-navigation .conveyor-controls .speed-indicator .speed-display-icon img{height:30px;margin-bottom:-.5rem;width:30px}.feed-timestamping .top-navigation .conveyor-controls .speed-indicator .speed-display-value{display:flex;flex-direction:column}.feed-timestamping .top-navigation .conveyor-controls .speed-indicator .speed-display-value .conveyor-name{color:#fffc;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-timestamping .top-navigation .conveyor-controls .speed-indicator .speed-display-value .speed-value-container{align-items:baseline;display:flex}.feed-timestamping .top-navigation .conveyor-controls .speed-indicator .speed-display-value .speed-value-container .speed-value{font-size:2.5rem;font-weight:700;margin-right:4px}.feed-timestamping .top-navigation .conveyor-controls .speed-indicator .speed-display-value .speed-value-container .speed-unit{font-size:.8rem;opacity:.9}.feed-timestamping .top-navigation .action-buttons{align-items:center;display:flex;gap:1.5rem}.feed-timestamping .top-navigation .action-buttons .edit-companies-button,.feed-timestamping .top-navigation .action-buttons .history-button,.feed-timestamping .top-navigation .action-buttons .menu-button{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:1.2rem;gap:.5rem;justify-content:center;padding:.5rem 1rem;text-decoration:none}.light-mode .feed-timestamping .top-navigation .action-buttons .edit-companies-button,.light-mode .feed-timestamping .top-navigation .action-buttons .history-button,.light-mode .feed-timestamping .top-navigation .action-buttons .menu-button{background-color:#fff;border:1px solid #e0e0e0;color:#000}.dark-mode .feed-timestamping .top-navigation .action-buttons .edit-companies-button,.dark-mode .feed-timestamping .top-navigation .action-buttons .history-button,.dark-mode .feed-timestamping .top-navigation .action-buttons .menu-button{background-color:#26293c;border:2px solid #2a2e45;color:#fff}.feed-timestamping .top-navigation .action-buttons .edit-companies-button img,.feed-timestamping .top-navigation .action-buttons .history-button img,.feed-timestamping .top-navigation .action-buttons .menu-button img{height:30px;width:30px}.feed-timestamping .top-navigation .action-buttons .history-button{height:45px;padding:0;width:45px}.feed-timestamping .top-navigation .action-buttons .menu-button{height:45px;margin-right:1rem;padding:0;width:45px}.feed-timestamping .top-navigation .action-buttons .menu-button img{height:45px;width:40px}.feed-timestamping .top-navigation.edit-mode{align-items:center;flex-direction:row;height:60px;justify-content:space-between;padding:.5rem 1rem}.feed-timestamping .top-navigation.edit-mode .edit-mode-container{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%}.feed-timestamping .top-navigation.edit-mode .edit-mode-container .left-section{align-items:center;display:flex;gap:.5rem}.feed-timestamping .top-navigation.edit-mode .edit-mode-container .back-button{align-items:center;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background-color .2s}.feed-timestamping .top-navigation.edit-mode .edit-mode-container .back-button img{height:28px;width:28px}.feed-timestamping .top-navigation.edit-mode .edit-mode-container .edit-mode-title{align-items:center;display:flex;justify-content:left}.feed-timestamping .top-navigation.edit-mode .edit-mode-container .edit-mode-title h2{font-size:1.5rem;font-weight:700!important;margin:0}.light-mode .feed-timestamping .top-navigation.edit-mode .edit-mode-container .edit-mode-title h2{color:#000}.dark-mode .feed-timestamping .top-navigation.edit-mode .edit-mode-container .edit-mode-title h2{color:#fff}.feed-timestamping .top-navigation .edit-controls{align-items:center;display:flex;gap:1rem;justify-content:flex-end}.feed-timestamping .top-navigation .edit-controls .edit-rows-cols-container{align-items:center;display:flex;gap:1rem}.feed-timestamping .top-navigation .edit-controls .edit-rows-cols-container .edit-control-group{align-items:center;border-radius:8px;display:flex;gap:.5rem;padding:.5rem}.light-mode .feed-timestamping .top-navigation .edit-controls .edit-rows-cols-container .edit-control-group{border:1px solid #ddd}.dark-mode .feed-timestamping .top-navigation .edit-controls .edit-rows-cols-container .edit-control-group{border:1px solid #2c3049}.feed-timestamping .top-navigation .edit-controls .edit-rows-cols-container .edit-control-group span{font-size:1rem;font-weight:500;margin:0 .25rem}.light-mode .feed-timestamping .top-navigation .edit-controls .edit-rows-cols-container .edit-control-group span{color:#333}.dark-mode .feed-timestamping .top-navigation .edit-controls .edit-rows-cols-container .edit-control-group span{color:#fff}.feed-timestamping .top-navigation .edit-controls .edit-rows-cols-container .edit-control-group button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;height:32px;justify-content:center;padding:2px;transition:all .2s;width:32px}.light-mode .feed-timestamping .top-navigation .edit-controls .edit-rows-cols-container .edit-control-group button{background-color:#fff}.dark-mode .feed-timestamping .top-navigation .edit-controls .edit-rows-cols-container .edit-control-group button{background-color:#2c3049}.feed-timestamping .top-navigation .edit-controls .edit-rows-cols-container .edit-control-group button.button-disabled{cursor:not-allowed;opacity:.3}.feed-timestamping .top-navigation .edit-controls .edit-rows-cols-container .edit-control-group button img{height:30px;width:30px}.feed-timestamping .top-navigation .edit-controls .save-edit-button{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:1.2rem;font-weight:500;gap:.5rem;justify-content:center;padding:.5rem 1rem;transition:all .2s ease}.dark-mode .feed-timestamping .top-navigation .edit-controls .save-edit-button,.light-mode .feed-timestamping .top-navigation .edit-controls .save-edit-button{background-color:#2ecc71;border:none;color:#fff}.feed-timestamping .top-navigation .edit-controls .save-edit-button img{height:26px;margin-right:2px;width:26px}@media(max-width:768px){.feed-timestamping .top-navigation.edit-mode .edit-mode-container{flex-wrap:wrap;height:auto;padding:.5rem 0}.feed-timestamping .top-navigation.edit-mode .edit-mode-container .left-section{margin-bottom:.5rem;width:100%}.feed-timestamping .top-navigation.edit-mode .edit-mode-container .edit-controls{justify-content:space-between;margin-top:.5rem;width:100%}.feed-timestamping .top-navigation .edit-controls{flex-wrap:wrap}.feed-timestamping .top-navigation .edit-controls .edit-rows-cols-container{flex-wrap:wrap;justify-content:center}}@media(max-width:480px){.feed-timestamping .top-navigation.edit-mode .edit-mode-container .edit-controls{align-items:stretch;flex-direction:column;gap:.5rem}.feed-timestamping .top-navigation.edit-mode .edit-mode-container .edit-controls .edit-rows-cols-container{flex-direction:column;width:100%}.feed-timestamping .top-navigation.edit-mode .edit-mode-container .edit-controls .edit-rows-cols-container .edit-control-group{justify-content:space-between;width:100%}.feed-timestamping .top-navigation.edit-mode .edit-mode-container .edit-controls .save-edit-button{width:100%}}.feed-timestamping .button-container{grid-gap:.5rem;align-items:stretch;display:grid;flex:1 1;gap:.5rem;overflow-y:auto;padding:.5rem}.feed-timestamping .button-container .supplier-button{align-items:center;border-radius:1rem;display:flex;flex-direction:column;justify-content:center;overflow:hidden;position:relative;text-align:center}.light-mode .feed-timestamping .button-container .supplier-button{background-color:#fff;border:1px solid #e0e0e0;color:#000}.dark-mode .feed-timestamping .button-container .supplier-button{background-color:#26293c;border:1px solid #2a2e45;color:#fff}.feed-timestamping .button-container .supplier-button .active-indicator{background-color:#7bd173;border-radius:50%;height:12px;position:absolute;right:10px;top:10px;width:12px}.feed-timestamping .button-container .supplier-button .timer-indicator{background-color:#0000004d!important;border-radius:4px;bottom:10px;font-family:Poppins,sans-serif;font-size:1rem;font-weight:500;padding:5px 10px;position:absolute;right:10px}.light-mode .feed-timestamping .button-container .supplier-button .timer-indicator{background-color:#0000001a;color:#fff}.dark-mode .feed-timestamping .button-container .supplier-button .timer-indicator{background-color:#ffffff1a;color:#fff}.light-mode .feed-timestamping .button-container .supplier-button.active{background-color:#2ecc71;color:#fff}.light-mode .feed-timestamping .button-container .supplier-button.active .input-field-container,.light-mode .feed-timestamping .button-container .supplier-button.active .input-field-container .field-header p,.light-mode .feed-timestamping .button-container .supplier-button.active .input-field-container .select-with-icon select,.light-mode .feed-timestamping .button-container .supplier-button.active .input-field-container p{color:#000}.dark-mode .feed-timestamping .button-container .supplier-button.active{background-color:#2ecc71;color:#fff}.feed-timestamping .button-container .supplier-button.active:after{animation:wave 3s ease-in-out infinite;background:linear-gradient(90deg,#fff0,#ffffff4d 40%,#ffffff4d 60%,#fff0);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;width:150%;z-index:1}.light-mode .feed-timestamping .button-container .supplier-button.active:after{background:linear-gradient(90deg,#fff0,#fff6 40%,#fff6 60%,#fff0)}.dark-mode .feed-timestamping .button-container .supplier-button.active:after{background:linear-gradient(90deg,#fff0,#fff3 40%,#fff3 60%,#fff0)}.feed-timestamping .button-container .supplier-button.supplier-button-clickable{cursor:pointer}.feed-timestamping .button-container .supplier-button.compact{padding:.5rem}.feed-timestamping .button-container .supplier-button.compact .supplier{font-size:1.6rem}.feed-timestamping .button-container .supplier-button.compact .field,.feed-timestamping .button-container .supplier-button.compact .supplier-name{font-size:1.3rem}.feed-timestamping .button-container .supplier-button.compact .field .field-label{font-size:1.5rem}.feed-timestamping .button-container .supplier-button.compact .field .no-field{font-size:.9rem;opacity:.7}.feed-timestamping .button-container .supplier-button .supplier{font-size:2.5rem!important;font-weight:700;margin:0 0 .5rem}.feed-timestamping .button-container .supplier-button .supplier-name{font-size:2rem;margin:0 0 .5rem}.feed-timestamping .button-container .supplier-button .field{align-items:center;display:flex;flex-wrap:wrap;font-size:2rem;justify-content:center;margin:0}.feed-timestamping .button-container .supplier-button .field .field-label{font-size:1.5rem;font-weight:700;margin-right:.5rem}.feed-timestamping .button-container .supplier-button .field .no-field{font-size:1rem;opacity:.7}.feed-timestamping .button-container .supplier-button .input-field-container{width:90%}.feed-timestamping .button-container .supplier-button .input-field-container .field-header{align-items:center;display:flex;gap:.5rem;margin:.5rem 2rem .25rem}.feed-timestamping .button-container .supplier-button .input-field-container .field-header .field-icon{align-items:center;display:flex;height:20px;width:20px}.feed-timestamping .button-container .supplier-button .input-field-container .field-header .field-icon img{height:100%;width:100%}.feed-timestamping .button-container .supplier-button .input-field-container .field-header p{font-size:1.5rem;margin:0;text-align:left}.feed-timestamping .button-container .supplier-button .input-field-container p{font-size:1.5rem;margin:.5rem 2rem .25rem;text-align:left}.feed-timestamping .button-container .supplier-button .input-field-container .select-with-icon{margin:0 auto;position:relative;width:90%}.feed-timestamping .button-container .supplier-button .input-field-container .select-with-icon .field-icon{height:20px;left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:20px;z-index:1}.feed-timestamping .button-container .supplier-button .input-field-container .select-with-icon .field-icon img{height:100%;width:100%}@supports(-webkit-appearance:none) and (not (overflow:-webkit-marquee)) and (not (-ms-ime-align:auto)){.feed-timestamping .button-container .supplier-button .input-field-container .select-with-icon:after{background-color:#0000;bottom:0;content:"";left:10px;pointer-events:none;position:absolute;top:0;width:30px}}.feed-timestamping .button-container .supplier-button .input-field-container .select-with-icon .settings-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill=%27gray%27 height=%2724%27 viewBox=%270 0 24 24%27 width=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/></svg>");background-position:right 9px center;background-repeat:no-repeat;background-size:24px;border-radius:8px;font-size:1.5rem;padding:.5rem 30px .5rem 40px;position:relative;width:100%}.light-mode .feed-timestamping .button-container .supplier-button .input-field-container .select-with-icon .settings-select{background-color:#fff;border:1px solid #e0e0e0;color:#000}.dark-mode .feed-timestamping .button-container .supplier-button .input-field-container .select-with-icon .settings-select{background-color:#2a2e45;border:1px solid #3a3f5a;color:#fff}.feed-timestamping .button-container .supplier-button .input-field-container .select-with-icon .settings-select:focus{box-shadow:0 0 0 2px #4a90e280;outline:none}.feed-timestamping .button-container .supplier-button .input-field-container .select-with-icon .settings-select.has-suggestion{background-color:rgba(52,168,83,.145)!important;border-color:#34a853!important;border-width:2px!important;box-shadow:0 0 4px #34a85380}.dark-mode .feed-timestamping .button-container .supplier-button .input-field-container .select-with-icon .settings-select.has-suggestion{border-color:#2ecc71!important;box-shadow:0 0 6px #2ecc7180}.feed-timestamping .button-container .supplier-button .input-field-container .select-with-icon .settings-select.no-suggestion{border-color:#ea4335!important;border-width:2px!important;box-shadow:0 0 4px #ea433580}.dark-mode .feed-timestamping .button-container .supplier-button .input-field-container .select-with-icon .settings-select.no-suggestion{border-color:#e74c3c!important;box-shadow:0 0 6px #e74c3c80}.feed-timestamping .button-container .supplier-button .input-field-container .select-with-icon .settings-select.loading-suggestion{border-color:#4285f4!important;border-width:2px!important}.dark-mode .feed-timestamping .button-container .supplier-button .input-field-container .select-with-icon .settings-select.loading-suggestion{border-color:#3498db!important}.feed-timestamping .button-container .supplier-button .input-field-container .select-with-icon .settings-select option.placeholder-option{color:#808080cc;font-size:.9em;font-style:italic}.feed-timestamping .button-container .supplier-button .input-field-container .select-with-icon .settings-select:required:invalid,.feed-timestamping .button-container .supplier-button .input-field-container .select-with-icon .settings-select[value=""]{color:#808080cc;font-size:1.3rem;font-style:italic}.feed-timestamping .button-container .supplier-button .input-field-container .select-with-icon .settings-select:valid:not([value=""]){color:inherit;font-weight:500}.feed-timestamping .button-container .supplier-button .input-field-container .select-with-icon .settings-select option:first-of-type{color:#808080cc;font-size:.9em;font-style:italic}.feed-timestamping .button-container .supplier-button .input-field-container.compact .select-with-icon .field-icon{height:16px;left:8px;width:16px}.feed-timestamping .button-container .supplier-button .input-field-container.compact .select-with-icon .settings-select{font-size:1rem;height:32px;margin-bottom:.5rem;margin-top:.5rem;padding:2px 5px 2px 30px}.feed-timestamping .button-container .supplier-button .material-tag{border-radius:4px;box-shadow:0 1px 3px #0003;color:#000;display:block!important;font-size:.9rem;font-weight:700;left:8px;max-width:80%;opacity:1!important;overflow:hidden;padding:2px 6px;position:absolute;text-overflow:ellipsis;text-shadow:1px 1px 1px 1px #000000b3;top:8px;transition:all .2s ease-in-out;white-space:nowrap}.feed-timestamping .button-container .supplier-button .material-tag.compact{font-size:.9rem;max-width:70%;padding:1px 4px}.feed-timestamping .button-container .supplier-button .material-tag.compact:not(.active){font-size:.65rem;max-width:60%;opacity:.7;padding:1px 3px}.feed-timestamping .button-container .supplier-button .material-tag:not(.compact):not(.active){font-size:.9rem;padding:2px 6px}.feed-timestamping .button-container .supplier-button .material-tag:not(.compact).active{box-shadow:0 2px 4px #0000004d;font-size:1rem;font-weight:800;padding:3px 8px}.feed-timestamping .button-container .supplier-button .material-bullet{display:none}.material-suggestion{align-items:center;animation:fadeIn .3s ease-in-out;border-radius:4px;display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:.5rem;margin-top:.25rem;padding:.2rem .5rem;text-align:center}.material-suggestion .suggestion-message{flex:1 1;text-align:left}.material-suggestion .dismiss-button{background:#0000;border:none;border-radius:3px;cursor:pointer;font-size:.8rem;font-weight:500;margin-left:8px;padding:2px 8px;transition:all .2s ease}.material-suggestion .dismiss-button:hover{background-color:#ffffff4d}.material-suggestion .dismiss-button:active{transform:scale(.95)}.material-suggestion.found{background-color:#34a85326;color:#34a853}.dark-mode .material-suggestion.found{background-color:#34a85340;color:#7ceb9f}.material-suggestion.found .dismiss-button{color:#34a853}.dark-mode .material-suggestion.found .dismiss-button{color:#7ceb9f}.material-suggestion.not-found{background-color:#ea433526;color:#ea4335}.dark-mode .material-suggestion.not-found{background-color:#ea433540;color:#ff8a80}.material-suggestion.not-found .dismiss-button{color:#ea4335}.dark-mode .material-suggestion.not-found .dismiss-button{color:#ff8a80}.material-suggestion.loading{background-color:#4285f426;color:#4285f4}.dark-mode .material-suggestion.loading{background-color:#4285f440;color:#8ab4f8}.input-field-container.compact .material-suggestion{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.input-field-container.compact .material-suggestion{font-size:.7rem;margin:.1rem 0 .3rem;padding:.1rem .3rem}@media(max-width:768px){.feed-timestamping .top-navigation .conveyor-controls .conveyor-selector .conveyor-select,.feed-timestamping .top-navigation .user-info h2{font-size:1rem}.feed-timestamping .top-navigation .action-buttons .edit-companies-button span{display:none}}@media(max-width:480px){.feed-timestamping .top-navigation{padding:.5rem}.feed-timestamping .top-navigation .action-buttons,.feed-timestamping .top-navigation .user-info{gap:.5rem}}.side-menu-overlay{background-color:#00000080;height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:100%;z-index:1000}.side-menu-overlay.active{opacity:1;visibility:visible}.side-menu{background-color:var(--background-color);box-shadow:-2px 0 10px #0003;display:flex;flex-direction:column;height:100%;overflow-y:auto;position:fixed;right:-320px;top:0;transition:right .3s ease;width:320px;z-index:1001}.side-menu.open{right:0}.side-menu .side-menu-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px}.side-menu .side-menu-header h2{color:var(--text-color);margin:0}.side-menu .side-menu-header .close-button{align-items:center;background:none;border:none;color:var(--text-color);cursor:pointer;display:flex;font-size:35px;height:40px;justify-content:center;padding:0;width:40px}.side-menu .side-menu-header .close-button:hover{opacity:.8}.side-menu .side-menu-options{flex:1 1;padding:20px}.side-menu .side-menu-options .menu-option{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;margin-bottom:10px;padding:15px;transition:background-color .2s ease;width:100%}.side-menu .side-menu-options .menu-option:hover{background-color:var(--hover-color)}.side-menu .side-menu-options .menu-option img{height:28px;margin-right:15px;width:28px}.side-menu .side-menu-options .menu-option span{font-size:20px}.side-menu .active-user-display{border-top:1px solid var(--border-color);margin-top:auto;padding:20px;text-align:center}.side-menu .active-user-display .active-user-label{font-size:.8rem;letter-spacing:1px;margin-bottom:5px;opacity:.7;text-transform:uppercase}.side-menu .active-user-display .active-user-name{color:var(--text-color);font-size:1.2rem;font-weight:600}.speed-indicator.speed-undefined{background-color:#888}.speed-indicator.speed-stopped{background-color:#e74c3c}.speed-indicator.speed-moving{background-color:#2ecc71}.device-button-velocity{align-items:center;border-radius:4px;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:.5rem;padding:.5rem}.device-button-velocity.device-button-velocity-green{background-color:#2ecc71;color:#fff}.device-button-velocity.device-button-velocity-red{background-color:#e74c3c;color:#fff}.device-button-velocity.device-button-velocity-gray{background-color:#888;color:#fff}.settings-select option:first-child,.settings-select:invalid,.settings-select:required:invalid{color:#999;font-size:.9em;font-style:italic}.settings-select:valid{color:#000;font-weight:500}.dark-mode .settings-select option:first-child{color:#888}.modal{align-items:center;animation:fadein .3s ease-in-out;-webkit-backdrop-filter:saturate(100%) blur(.15rem);backdrop-filter:saturate(100%) blur(.15rem);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}@keyframes fadein{0%{background:#0000}to{background:#00000080}}.modal .modal-content{animation:popup .3s ease-in-out;-webkit-backdrop-filter:saturate(150%) blur(.5rem);backdrop-filter:saturate(150%) blur(.5rem);background-color:#fff9;border-radius:10px;box-shadow:.5rem .5rem 1rem #0003;display:flex;flex-direction:column;gap:1rem;padding:4rem}@keyframes popup{0%{opacity:0;scale:.7}to{opacity:1;scale:1}}.modal .modal-content .modal-header{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:center}.modal .modal-content .modal-header .modal-close-button{align-items:center;background-color:#d99d9d80;border:none;border-radius:1rem;display:flex;height:3rem;justify-content:center;margin-left:auto;padding:0;width:3rem}.modal .modal-content .modal-header .modal-close-button:hover{background-color:#d99d9d}.modal .modal-content .modal-header .modal-close-button:active{background-color:#d99d9dcc}.modal .modal-content .modal-header .modal-close-button img{height:100%;margin:0;width:100%}.modal .modal-content .modal-header .modal-header-icon{height:1.5rem;margin:0;width:auto}.modal .modal-content .modal-footer{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:center;margin-top:1rem}.modal .modal-content .modal-title{font-size:1.2rem;font-weight:600;margin:0;text-align:center}.modal .modal-content .modal-text{font-size:1rem;font-weight:400;margin:0;text-align:center}.modal .modal-content .save-delete-buttons{display:flex;flex-direction:row;gap:2rem;justify-content:center;margin-top:.5rem}.modal .modal-content .settings-modal-button{border:1px solid #d3d3d3;border-radius:5px;color:#000;font-size:1.3em;font-weight:500;height:3rem;padding:0 3rem;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.modal .modal-content .settings-modal-button:disabled{cursor:not-allowed;opacity:.5}.modal .modal-content .light-button{background-color:#fdfdfd;border:1px solid #d3d3d3}.modal .modal-content .light-button:hover{background-color:#d8ebfc}.modal .modal-content .light-button:active{background-color:#c5e4ff}.add-user-section{grid-gap:0 .5rem;align-items:center;box-sizing:border-box;display:grid;gap:0 .5rem;grid-template-columns:5rem 1fr 1fr;grid-template-rows:none;width:40rem}.add-user-section .shift-settings-icon{grid-column:1;grid-row:1/3;height:4rem;margin-right:1rem;object-fit:contain;width:4rem}.add-user-section p{font-size:1.3rem;margin:0}.add-user-section input{font-size:1.5rem;height:2.5rem;margin:0;min-width:5rem}.remove-user-section{border-top:1px solid #0000001a;margin-top:2rem;padding-top:1.5rem}.remove-user-section h3{font-size:1.3rem;font-weight:600;margin:0 0 1rem}.remove-user-section .user-select-container{align-items:center;display:flex;gap:1rem}.remove-user-section .user-select-container .user-select{border:1px solid #ccc;border-radius:.5rem;flex:1 1;font-size:1.2rem;padding:.8rem}.remove-user-section .user-select-container .delete-user-button{align-items:center;background-color:#f44336;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;gap:.5rem;padding:.8rem 1.2rem}.remove-user-section .user-select-container .delete-user-button:disabled{cursor:not-allowed;opacity:.5}.remove-user-section .user-select-container .delete-user-button img{height:1.5rem;width:1.5rem}.confirmation-overlay{align-items:center;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.confirmation-overlay .confirmation-dialog{background-color:#fff;background-color:var(--dialog-background,#fff);border-radius:.8rem;box-shadow:0 .5rem 1rem #0003;color:#000;color:var(--dialog-text,#000);max-width:90%;padding:2rem;width:30rem}.confirmation-overlay .confirmation-dialog h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem;margin-top:0}.confirmation-overlay .confirmation-dialog p{font-size:1.2rem;margin-bottom:2rem}.confirmation-overlay .confirmation-dialog .confirmation-buttons{display:flex;gap:1rem;justify-content:flex-end}.confirmation-overlay .confirmation-dialog .confirmation-buttons button{border:none;border-radius:.5rem;cursor:pointer;font-size:1.2rem;padding:.8rem 1.6rem}.confirmation-overlay .confirmation-dialog .confirmation-buttons .cancel-button{background-color:#f1f1f1;color:#333}.confirmation-overlay .confirmation-dialog .confirmation-buttons .cancel-button:hover{background-color:#e0e0e0}.confirmation-overlay .confirmation-dialog .confirmation-buttons .confirm-button{background-color:#f44336;color:#fff}.confirmation-overlay .confirmation-dialog .confirmation-buttons .confirm-button:hover{background-color:#d32f2f}.stamp-infos{align-items:center;background-color:#fff3;border-radius:1rem;display:flex;flex-direction:column;gap:0;justify-content:center}.stamp-infos p{margin:0}.dark-mode{--background-color:#1a1a1a;--border-color:#333;--hover-color:#333;--dialog-background:#000000ce;--dialog-text:#fff}.light-mode{--dialog-background:#fff;--dialog-text:#000}.shift-settings-center{align-items:center;display:flex;flex-direction:column;flex-grow:1;gap:2rem;height:100%;justify-content:center}.shift-settings-center .shift-settings-user{grid-gap:0 .5rem;align-items:center;border-radius:1rem;box-sizing:border-box;display:grid;gap:0 .5rem;grid-template-columns:5rem 1fr auto;grid-template-rows:none;width:100%}.shift-settings-center .shift-settings-user .shift-settings-user-icon{grid-column:1;grid-row:1/3;height:4rem;margin-right:1rem;object-fit:contain;width:4rem}.shift-settings-center .shift-settings-user p{font-size:1.3rem;grid-column:span 2;margin:0}.shift-settings-center .shift-settings-user select{flex-grow:1;font-size:1.5rem;height:2.5rem}.shift-settings-center .shift-settings-user input{font-size:1.5rem;height:2.5rem;margin:0;min-width:5rem}.shift-settings-center .shift-settings-user .shift-settings-add-user{background-color:#fff;border:none;border-radius:.2rem;color:#404040;font-size:1.5rem;height:2.5rem;margin-left:.5rem;padding:0;width:2.5rem}.shift-settings-center .shift-settings-user .shift-settings-add-user img{height:80%;object-fit:contain;width:80%}.shift-settings-center .shift-settings-user .shift-settings-add-user:hover{background-color:#fffc}.shift-settings-center .shift-settings-user .shift-settings-add-user:active{background-color:#fff9}.shift-settings-center .shift-settings-shift{grid-gap:0 .5rem;align-items:center;border-radius:1rem;box-sizing:border-box;display:grid;gap:0 .5rem;grid-template-columns:5rem 1fr 1fr;grid-template-rows:none;margin-top:1rem;width:100%}.shift-settings-center .shift-settings-shift .shift-settings-shift-icon{grid-column:1;grid-row:1/3;height:4rem;object-fit:contain;width:auto}.shift-settings-center .shift-settings-shift p{font-size:1.3rem;margin:0}.shift-settings-center .shift-settings-shift select{font-size:1.5rem;height:2.5rem}.corrections{box-sizing:border-box;display:flex;flex-direction:column;height:100vh;padding:1rem}.corrections.light-mode{background-color:#f3f1f4;color:#333}.corrections.dark-mode{background-color:#16192c;color:#fff}.corrections .navbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.corrections .navbar .back-button{align-items:center;border-radius:2rem;display:flex;height:4rem;justify-content:center;margin-left:1rem;transition:background-color .2s;width:4rem}.light-mode .corrections .navbar .back-button{box-shadow:0 2px 4px #0000001a}.light-mode .corrections .navbar .back-button img{filter:invert(1)}.light-mode .corrections .navbar .back-button:hover{background-color:#0000000d}.light-mode .corrections .navbar .back-button:active{background-color:#0000001a}.dark-mode .corrections .navbar .back-button{box-shadow:4px 4px 8px #111}.dark-mode .corrections .navbar .back-button img{filter:none}.dark-mode .corrections .navbar .back-button:hover{background-color:#000}.dark-mode .corrections .navbar .back-button:active{background-color:#d3d3d3}.corrections .navbar .back-button img{height:50%}.corrections .navbar .title{flex:1 1;font-size:1.5rem;margin-left:4rem;text-align:left}.light-mode .corrections .navbar .title{color:#333}.dark-mode .corrections .navbar .title{color:#fff}.corrections .navbar .filter-container{align-items:center;display:flex;gap:1rem;margin-right:1rem}@media(max-width:768px){.corrections .navbar .filter-container{align-items:flex-end;flex-direction:column;gap:.5rem}}.light-mode .corrections .navbar .filter-container input,.light-mode .corrections .navbar .filter-container select{background-color:#fff;border:1px solid #e0e0e0;color:#333}.dark-mode .corrections .navbar .filter-container input,.dark-mode .corrections .navbar .filter-container select{background-color:#26293c;border:1px solid #2a2e45;color:#fff}.corrections .documents-list{display:flex;flex:1 1;flex-direction:column;gap:.5rem;overflow-y:auto;padding:1rem}.corrections .documents-list .document-container{border-radius:.5rem;box-sizing:border-box;display:flex;flex-direction:row;height:7rem;justify-content:flex-start;padding:0;width:100%}.light-mode .corrections .documents-list .document-container{background-color:#fff!important;border:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a}.dark-mode .corrections .documents-list .document-container{background-color:#26293c!important;box-shadow:4px 4px 8px #0e0d0d}.corrections .documents-list .document-container .timestamp-container{display:flex;flex-direction:column;justify-content:center;margin:1rem;min-width:9rem!important}.light-mode .corrections .documents-list .document-container .timestamp-container{color:#333}.dark-mode .corrections .documents-list .document-container .timestamp-container{color:#d2d2d2}.corrections .documents-list .document-container .timestamp-container .date-string{font-size:.9rem;margin:0}.light-mode .corrections .documents-list .document-container .timestamp-container .date-string{color:#0d0d0d;font-weight:600}.dark-mode .corrections .documents-list .document-container .timestamp-container .date-string{color:#f8f8f8}.corrections .documents-list .document-container .timestamp-container .time-string{font-size:1rem;margin:.5rem 0 0}.corrections .documents-list .document-container .info-container{display:flex;flex-direction:column;justify-content:center;margin:.5rem .5rem .5rem 2rem}.light-mode .corrections .documents-list .document-container .info-container{color:#333}.dark-mode .corrections .documents-list .document-container .info-container{color:#fff}.corrections .documents-list .document-container .info-container .supplier-string{font-size:1.3rem;font-weight:700;margin:0}.corrections .documents-list .document-container .info-container .device-id-string,.corrections .documents-list .document-container .info-container .field-string{font-size:1rem;margin:.5rem 0 0}.corrections .documents-list .document-container .info-container select{font-size:1.3rem;height:2.5rem;margin:.2rem 0;min-width:5rem}.light-mode .corrections .documents-list .document-container .info-container select{background-color:#fff;border:1px solid #e0e0e0;color:#333}.dark-mode .corrections .documents-list .document-container .info-container select{background-color:#26293c;border:1px solid #2a2e45;color:#fff}.corrections .documents-list .document-container button{background-color:#0000;border:none;height:100%;min-width:5rem}.light-mode .corrections .documents-list .document-container button:hover{background-color:#0000000d}.light-mode .corrections .documents-list .document-container button:active{background-color:#0000001a}.light-mode .corrections .documents-list .document-container button img{filter:invert(1)}.dark-mode .corrections .documents-list .document-container button:hover{background-color:#ffffff26}.dark-mode .corrections .documents-list .document-container button:active{background-color:#ffffff40}.dark-mode .corrections .documents-list .document-container button img{filter:none}.corrections .documents-list .document-container button img{height:40%}.corrections .documents-list .document-container .accept-button,.corrections .documents-list .document-container .edit-button{margin-left:auto;margin-right:.5rem}.corrections .documents-list .document-container input{font-size:1.3rem;height:2.5rem;margin:.2rem 0;min-width:5rem}.light-mode .corrections .documents-list .document-container input{background-color:#fff;border:1px solid #e0e0e0;color:#333}.dark-mode .corrections .documents-list .document-container input{background-color:#26293c;border:1px solid #2a2e45;color:#fff}.corrections .documents-list .no-documents{align-items:center;border-radius:8px;display:flex;height:200px;justify-content:center}.light-mode .corrections .documents-list .no-documents{background-color:#00000008;border:1px solid #e0e0e0}.light-mode .corrections .documents-list .no-documents p{color:#333;opacity:.7}.dark-mode .corrections .documents-list .no-documents{background-color:#ffffff0d}.dark-mode .corrections .documents-list .no-documents p{color:#fff;opacity:.7}.corrections .documents-list .loading-more{align-items:center;display:flex;justify-content:center;padding:1rem}.light-mode .corrections .documents-list .loading-more p{color:#333;font-style:italic;opacity:.7}.dark-mode .corrections .documents-list .loading-more p{color:#fff;font-style:italic;opacity:.7}.supplier-filter.light-mode .filter-label-container,.timeframe-filter.light-mode .filter-label-container{background-color:#fff;box-shadow:0 2px 5px #0000001a}.supplier-filter.light-mode .filter-label-container .filter-label,.timeframe-filter.light-mode .filter-label-container .filter-label{color:#333}.supplier-filter.light-mode .filter-label-container .filter-value-container,.timeframe-filter.light-mode .filter-label-container .filter-value-container{background-color:#e6f2ff;color:#333}.supplier-filter.light-mode .dropdown-content,.timeframe-filter.light-mode .dropdown-content{background-color:#fff;border:1px solid #e0e0e0;box-shadow:0 4px 12px #0000001a}.supplier-filter.light-mode .dropdown-content .dropdown-item,.timeframe-filter.light-mode .dropdown-content .dropdown-item{color:#333}.supplier-filter.light-mode .dropdown-content .dropdown-item:hover,.timeframe-filter.light-mode .dropdown-content .dropdown-item:hover{background-color:#0000000d}.supplier-filter.light-mode .dropdown-content .dropdown-item.active,.timeframe-filter.light-mode .dropdown-content .dropdown-item.active{background-color:#e6f2ff;color:#333}.supplier-filter.dark-mode .filter-label-container,.timeframe-filter.dark-mode .filter-label-container{background-color:#26293c;box-shadow:4px 4px 8px #111}.supplier-filter.dark-mode .filter-label-container .filter-label,.timeframe-filter.dark-mode .filter-label-container .filter-label{color:#d2d2d2}.supplier-filter.dark-mode .filter-label-container .filter-value-container,.timeframe-filter.dark-mode .filter-label-container .filter-value-container{background-color:#4a90e2;color:#fff}.supplier-filter.dark-mode .dropdown-content,.timeframe-filter.dark-mode .dropdown-content{background-color:#26293c;border:1px solid #ffffff1a;box-shadow:0 4px 12px #0000004d}.supplier-filter.dark-mode .dropdown-content .dropdown-item,.timeframe-filter.dark-mode .dropdown-content .dropdown-item{color:#fff}.supplier-filter.dark-mode .dropdown-content .dropdown-item:hover,.timeframe-filter.dark-mode .dropdown-content .dropdown-item:hover{background-color:#ffffff1a}.supplier-filter.dark-mode .dropdown-content .dropdown-item.active,.timeframe-filter.dark-mode .dropdown-content .dropdown-item.active{background-color:#4a90e2;color:#fff}.rdrCalendarWrapper{background:#fff;box-sizing:border-box;display:inline-flex;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateDisplay{display:flex;justify-content:space-between}.rdrDateDisplayItem{color:inherit;flex:1 1;text-align:center;width:0}.rdrDateDisplayItem+.rdrDateDisplayItem{margin-left:.833em}.rdrDateDisplayItem input{text-align:inherit}.rdrDateDisplayItem input:disabled{cursor:default}.rdrMonthAndYearWrapper{box-sizing:inherit;display:flex;justify-content:space-between}.rdrMonthAndYearPickers{align-items:center;display:flex;flex:1 1 auto;justify-content:center}.rdrNextPrevButton{box-sizing:inherit;cursor:pointer;outline:none}.rdrMonths{display:flex}.rdrMonthsVertical{flex-direction:column}.rdrMonthsHorizontal>div>div>div{display:flex;flex-direction:row}.rdrMonth{width:27.667em}.rdrWeekDays{display:flex}.rdrWeekDay{box-sizing:inherit;flex-basis:14.28571%;text-align:center}.rdrDays{display:flex;flex-wrap:wrap}.rdrInfiniteMonths{overflow:auto}.rdrDateRangeWrapper{-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateInput{position:relative}.rdrDateInput input{outline:none}.rdrDateInput .rdrWarning{color:red;font-size:1.6em;line-height:1.6em;position:absolute;right:.25em;top:0}.rdrDay{box-sizing:inherit;cursor:pointer;font:inherit;position:relative;width:14.28571%}.rdrDayNumber{display:block;position:relative}.rdrDayNumber span{color:#1d2429}.rdrDayDisabled{cursor:not-allowed}@supports (-ms-ime-align:auto){.rdrDay{flex-basis:14.285%!important}}.rdrEndEdge,.rdrInRange,.rdrSelected,.rdrStartEdge{pointer-events:none}.rdrDateRangePickerWrapper{display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrStaticRanges{display:flex;flex-direction:column}.rdrStaticRange{font-size:inherit}.rdrInputRange{display:flex}.rdrCalendarWrapper{color:#000;font-size:12px}.rdrDateDisplayWrapper{background-color:#eff2f7}.rdrDateDisplay{margin:.833em}.rdrDateDisplayItem{background-color:#fff;border:1px solid #0000;border-radius:4px;box-shadow:0 1px 2px 0 #23394236}.rdrDateDisplayItem input{background:#0000;border:0;color:#849095;cursor:pointer;height:2.5em;line-height:2.5em;width:100%}.rdrDateDisplayItemActive{border-color:currentColor}.rdrDateDisplayItemActive input{color:#7d888d}.rdrMonthAndYearWrapper{align-items:center;height:60px;padding-top:10px}.rdrMonthAndYearPickers{font-weight:600}.rdrMonthAndYearPickers select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#0000;background:url("data:image/svg+xml;utf8,<svg width=%279px%27 height=%276px%27 viewBox=%270 0 9 6%27 version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27><g id=%27Artboard%27 stroke=%27none%27 stroke-width=%271%27 fill=%27none%27 fill-rule=%27evenodd%27 transform=%27translate%28-636.000000, -171.000000%29%27 fill-opacity=%270.368716033%27><g id=%27input%27 transform=%27translate%28172.000000, 37.000000%29%27 fill=%27%230E242F%27 fill-rule=%27nonzero%27><g id=%27Group-9%27 transform=%27translate%28323.000000, 127.000000%29%27><path d=%27M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z%27 id=%27arrow%27></path></g></g></g></svg>") no-repeat;background-position:right 8px center;border:0;border-radius:4px;color:#3e484f;cursor:pointer;outline:0;padding:10px 30px 10px 10px;text-align:center}.rdrMonthAndYearPickers select:hover{background-color:#00000012}.rdrMonthPicker,.rdrYearPicker{margin:0 5px}.rdrNextPrevButton{background:#eff2f7;border:0;border-radius:5px;display:block;height:24px;margin:0 .833em;padding:0;width:24px}.rdrNextPrevButton:hover{background:#e1e7f0}.rdrNextPrevButton i{border-style:solid;display:block;height:0;margin:auto;padding:0;text-align:center;transform:translate(-3px);width:0}.rdrPprevButton i{border-color:#0000 #34495e #0000 #0000;border-width:4px 6px 4px 4px;transform:translate(-3px)}.rdrNextButton i{border-color:#0000 #0000 #0000 #34495e;border-width:4px 4px 4px 6px;margin:0 0 0 7px;transform:translate(3px)}.rdrWeekDays{padding:0 .833em}.rdrMonth{padding:0 .833em 1.666em}.rdrMonth .rdrWeekDays{padding:0}.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{display:none}.rdrWeekDay{color:#849095;font-weight:400;line-height:2.667em}.rdrDay{background:#0000;border:0;color:#1d2429;height:3em;line-height:3em;padding:0;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDay:focus{outline:0}.rdrDayNumber{align-items:center;bottom:0;bottom:5px;display:flex;font-weight:300;justify-content:center;left:0;outline:0;position:absolute;right:0;top:0;top:5px}.rdrDayToday .rdrDayNumber span{font-weight:500}.rdrDayToday .rdrDayNumber span:after{background:#3d91ff;border-radius:2px;bottom:4px;content:"";height:2px;left:50%;position:absolute;transform:translate(-50%);width:18px}.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span:after{background:#fff}.rdrDay:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span{color:#ffffffd9}.rdrEndEdge,.rdrInRange,.rdrSelected,.rdrStartEdge{background:currentColor;bottom:5px;left:0;position:absolute;right:0;top:5px}.rdrSelected{left:2px;right:2px}.rdrStartEdge{border-bottom-left-radius:1.042em;border-top-left-radius:1.042em;left:2px}.rdrEndEdge{border-bottom-right-radius:1.042em;border-top-right-radius:1.042em;right:2px}.rdrSelected{border-radius:1.042em}.rdrDayStartOfMonth .rdrEndEdge,.rdrDayStartOfMonth .rdrInRange,.rdrDayStartOfWeek .rdrEndEdge,.rdrDayStartOfWeek .rdrInRange{border-bottom-left-radius:1.042em;border-top-left-radius:1.042em;left:2px}.rdrDayEndOfMonth .rdrInRange,.rdrDayEndOfMonth .rdrStartEdge,.rdrDayEndOfWeek .rdrInRange,.rdrDayEndOfWeek .rdrStartEdge{border-bottom-right-radius:1.042em;border-top-right-radius:1.042em;right:2px}.rdrDayStartOfMonth .rdrDayEndPreview,.rdrDayStartOfMonth .rdrDayInPreview,.rdrDayStartOfWeek .rdrDayEndPreview,.rdrDayStartOfWeek .rdrDayInPreview{border-bottom-left-radius:1.333em;border-left-width:1px;border-top-left-radius:1.333em;left:0}.rdrDayEndOfMonth .rdrDayInPreview,.rdrDayEndOfMonth .rdrDayStartPreview,.rdrDayEndOfWeek .rdrDayInPreview,.rdrDayEndOfWeek .rdrDayStartPreview{border-bottom-right-radius:1.333em;border-right-width:1px;border-top-right-radius:1.333em;right:0}.rdrDayEndPreview,.rdrDayInPreview,.rdrDayStartPreview{background:#ffffff17;border:0 solid;bottom:3px;left:0;pointer-events:none;position:absolute;right:0;top:3px;z-index:1}.rdrDayStartPreview{border-bottom-left-radius:1.333em;border-bottom-width:1px;border-left-width:1px;border-top-left-radius:1.333em;border-top-width:1px;left:0}.rdrDayInPreview{border-bottom-width:1px;border-top-width:1px}.rdrDayEndPreview{border-bottom-right-radius:1.333em;border-bottom-width:1px;border-right-width:1px;border-top-right-radius:1.333em;border-top-width:1px;right:0}.rdrDefinedRangesWrapper{background:#fff;border-right:1px solid #eff2f7;font-size:12px;width:226px}.rdrDefinedRangesWrapper .rdrStaticRangeSelected{color:currentColor;font-weight:600}.rdrStaticRange{background:#fff;border:0;border-bottom:1px solid #eff2f7;cursor:pointer;display:block;outline:0;padding:0}.rdrStaticRange:focus .rdrStaticRangeLabel,.rdrStaticRange:hover .rdrStaticRangeLabel{background:#eff2f7}.rdrStaticRangeLabel{display:block;line-height:18px;outline:0;padding:10px 20px;text-align:left}.rdrInputRanges{padding:10px 0}.rdrInputRange{align-items:center;padding:5px 20px}.rdrInputRangeInput{border:1px solid #dee7eb;border-radius:4px;color:#6c767a;height:30px;line-height:30px;margin-right:10px;text-align:center;width:30px}.rdrInputRangeInput:focus,.rdrInputRangeInput:hover{border-color:#b4bfc4;color:#333;outline:0}.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{background:#0000;border:1px solid;border-radius:1.333em;bottom:-2px;content:"";left:0;position:absolute;right:0;top:-2px}.rdrDayPassive{pointer-events:none}.rdrDayPassive .rdrDayNumber span{color:#d5dce0}.rdrDayPassive .rdrDayEndPreview,.rdrDayPassive .rdrDayInPreview,.rdrDayPassive .rdrDayStartPreview,.rdrDayPassive .rdrEndEdge,.rdrDayPassive .rdrInRange,.rdrDayPassive .rdrSelected,.rdrDayPassive .rdrStartEdge{display:none}.rdrDayDisabled{background-color:#f8f8f8}.rdrDayDisabled .rdrDayNumber span{color:#aeb9bf}.rdrDayDisabled .rdrDayEndPreview,.rdrDayDisabled .rdrDayInPreview,.rdrDayDisabled .rdrDayStartPreview,.rdrDayDisabled .rdrEndEdge,.rdrDayDisabled .rdrInRange,.rdrDayDisabled .rdrSelected,.rdrDayDisabled .rdrStartEdge{filter:grayscale(100%) opacity(60%)}.rdrMonthName{color:#849095;font-weight:600;padding:.833em;text-align:left}.dropdown{display:inline-block;margin-right:0;position:relative}.dropdown:hover .dropdown-content{display:block}.dropdown .dropdown-splitbutton{align-items:center;display:flex}.dropdown .dropdown-splitbutton .dropdown-splitbutton-text{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:4px 0 0 4px;border-right:none;color:var(--text-color);cursor:default;font-size:14px;padding:8px 12px}.dropdown .dropdown-splitbutton .dropdown-splitbutton-button{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:0 4px 4px 0;color:var(--text-color);cursor:pointer;font-size:14px;min-width:120px;padding:8px 12px;position:relative;text-align:left}.dropdown .dropdown-splitbutton .dropdown-splitbutton-button:after{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid var(--text-color);content:"";height:0;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:0}.dropdown .dropdown-splitbutton .dropdown-splitbutton-button:hover{background-color:var(--hover-color)}.dropdown .dropdown-content{background-color:var(--background-color);border-radius:4px;box-shadow:0 8px 16px 0 #0003;display:none;margin-top:5px;max-height:80vh;min-width:160px;overflow:hidden;overflow-y:auto;position:absolute;top:100%;z-index:1000}.dropdown .dropdown-content.dropdown-content-left-align{left:0}.dropdown .dropdown-content.dropdown-content-right-align{right:0}.dropdown .dropdown-content.dropdown-content-bottom-align{left:0;top:100%}.dropdown .dropdown-content .dropdown-item{color:var(--text-color);cursor:pointer;display:block;padding:12px 16px;text-decoration:none}.dropdown .dropdown-content .dropdown-item:hover{background-color:var(--hover-color)}.dropdown .dropdown-content .dropdown-item.active{background-color:var(--primary-color);color:#fff}.dark-mode{--background-color:#1e2235;--text-color:#fff;--border-color:#2a2e45;--hover-color:#2a2e45;--primary-color:#4a90e2}.light-mode{--background-color:#fff;--text-color:#333;--border-color:#e0e0e0;--hover-color:#f5f5f5;--primary-color:#4a90e2}@media(max-width:768px){.dropdown{margin-bottom:10px}.dropdown .dropdown-content{width:100%}}.timeframe-filter{align-items:center;display:flex;position:relative}.timeframe-filter .filter-label-container{align-items:center;background-color:#fff;border-radius:15px;box-shadow:0 2px 5px #0000001a;display:flex;padding:5px 5px 5px 10px}.timeframe-filter .filter-label-container .filter-label{color:#666;font-size:16px;margin-right:10px;white-space:nowrap}.timeframe-filter .filter-label-container .filter-value-container{background-color:#e6f2ff;border-radius:10px;color:#333;cursor:pointer;font-weight:500;min-width:120px;padding:8px 16px;text-align:center}.timeframe-filter .filter-label-container .filter-value-container:hover{background-color:#d9ecff}.timeframe-filter .calendar-container{background-color:var(--background-color);border-radius:8px;box-shadow:0 4px 20px #00000026;left:0;margin-top:8px;max-width:100vw;padding:16px;position:absolute;top:100%;width:400px;z-index:1001}.timeframe-filter .calendar-container .rdrCalendarWrapper{background-color:var(--background-color);color:var(--text-color);font-size:14px;width:100%}.timeframe-filter .calendar-container .rdrDateDisplayWrapper{background-color:var(--background-color)}.timeframe-filter .calendar-container .rdrDateDisplay{margin:.5rem}.timeframe-filter .calendar-container .rdrDateDisplayItem{background-color:var(--input-background);border:1px solid var(--border-color);border-radius:4px}.timeframe-filter .calendar-container .rdrDateDisplayItem input{color:var(--text-color)}.timeframe-filter .calendar-container .rdrDefinedRangesWrapper{background-color:var(--background-color);border-right:1px solid var(--border-color)}.timeframe-filter .calendar-container .rdrDefinedRangesWrapper .rdrStaticRange{border-bottom:1px solid var(--border-color)}.timeframe-filter .calendar-container .rdrDefinedRangesWrapper .rdrStaticRange.rdrStaticRangeSelected .rdrStaticRangeLabel,.timeframe-filter .calendar-container .rdrDefinedRangesWrapper .rdrStaticRange:hover .rdrStaticRangeLabel{background-color:var(--hover-color);color:var(--primary-color)}.timeframe-filter .calendar-container .rdrDefinedRangesWrapper .rdrStaticRange .rdrStaticRangeLabel{color:var(--text-color)}.timeframe-filter .calendar-container .rdrCalendarWrapper .rdrMonthAndYearWrapper{padding-top:10px}.timeframe-filter .calendar-container .rdrCalendarWrapper .rdrMonthAndYearWrapper .rdrMonthAndYearPickers select{background-color:var(--input-background);color:var(--text-color)}.timeframe-filter .calendar-container .rdrCalendarWrapper .rdrMonthAndYearWrapper .rdrNextPrevButton{background-color:var(--input-background)}.timeframe-filter .calendar-container .rdrCalendarWrapper .rdrMonthAndYearWrapper .rdrNextPrevButton i{border-color:var(--text-color)}.timeframe-filter .calendar-container .rdrCalendarWrapper .rdrMonth{padding:0 1rem 1rem}.timeframe-filter .calendar-container .rdrCalendarWrapper .rdrMonth .rdrWeekDay{color:var(--text-secondary);font-weight:500}.timeframe-filter .calendar-container .rdrCalendarWrapper .rdrMonth .rdrDay .rdrDayNumber span{color:var(--text-color)}.timeframe-filter .calendar-container .rdrCalendarWrapper .rdrMonth .rdrDay.rdrDayToday .rdrDayNumber span:after{background-color:var(--primary-color)}.timeframe-filter .calendar-container .rdrCalendarWrapper .rdrMonth .rdrDayDisabled{background-color:#0000}.timeframe-filter .calendar-container .rdrCalendarWrapper .rdrMonth .rdrDayDisabled .rdrDayNumber span{color:var(--text-disabled)}.timeframe-filter .calendar-container .rdrCalendarWrapper .rdrMonth .rdrInRange{background-color:#4a90e233}.timeframe-filter .calendar-container .rdrCalendarWrapper .rdrMonth .rdrEndEdge,.timeframe-filter .calendar-container .rdrCalendarWrapper .rdrMonth .rdrStartEdge{background-color:var(--primary-color)}.timeframe-filter .calendar-container .calendar-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.timeframe-filter .calendar-container .calendar-actions button{border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.timeframe-filter .calendar-container .calendar-actions button.calendar-apply-btn{background-color:var(--primary-color);border:none;color:#fff}.timeframe-filter .calendar-container .calendar-actions button.calendar-apply-btn:hover{background-color:#2275d7}.timeframe-filter .calendar-container .calendar-actions button.calendar-cancel-btn{background-color:#0000;border:1px solid var(--border-color);color:var(--text-color)}.timeframe-filter .calendar-container .calendar-actions button.calendar-cancel-btn:hover{background-color:var(--hover-color)}.timeframe-filter .dropdown-content{width:200px}.timeframe-filter .dropdown-content .dropdown-item{padding:12px 16px}.timeframe-filter .dropdown-content .dropdown-item.active{background-color:#e6f2ff;color:#333;font-weight:500}.timeframe-filter .custom-date-option{border-top:1px solid var(--border-color);font-weight:500}.dark-mode .timeframe-filter .filter-label-container{background-color:#2a2e45}.dark-mode .timeframe-filter .filter-label-container .filter-label{color:#e0e0e0}.dark-mode .timeframe-filter .filter-label-container .filter-value-container{background-color:#4a90e2;color:#fff}.dark-mode .timeframe-filter .filter-label-container .filter-value-container:hover{background-color:#3a80d2}.dark-mode .timeframe-filter .calendar-container{--input-background:#2a2e45;--text-secondary:#a0a0a0;--text-disabled:#666}.dark-mode .timeframe-filter .calendar-container .rdrDayDisabled .rdrDayNumber span{color:#666}.dark-mode .timeframe-filter .dropdown-content .dropdown-item.active{background-color:#4a90e2;color:#fff}.light-mode .timeframe-filter .calendar-container{--input-background:#f5f5f5;--text-secondary:#666;--text-disabled:#ccc}.light-mode .timeframe-filter .calendar-container .rdrDayDisabled .rdrDayNumber span{color:#ccc}@media(max-width:768px){.timeframe-filter .filter-label-container{align-items:flex-start;flex-direction:column}.timeframe-filter .filter-label-container .filter-label{margin-bottom:5px;margin-right:0}.timeframe-filter .filter-label-container .filter-value-container{width:100%}.timeframe-filter .calendar-container{left:0;right:0;width:100%}.timeframe-filter .calendar-container .rdrDefinedRangesWrapper{display:none}.timeframe-filter .calendar-container .rdrDateDisplayWrapper{font-size:12px}}:root{--light-background-color:#f3f1f4;--light-text-color:#000;--light-button-background:#fff;--light-button-text:#000;--light-button-border:#e0e0e0;--light-button-active-background:#7bd173;--light-button-active-text:#fff;--light-nav-background:#fff;--light-nav-text:#000;--light-card-background:#fff;--light-card-border:#e0e0e0;--light-input-background:#fff;--light-input-border:#e0e0e0;--light-input-text:#000;--dark-background-color:#16192c;--dark-text-color:#fff;--dark-button-background:#1e2235;--dark-button-text:#fff;--dark-button-border:#2a2e45;--dark-button-active-background:#7bd173;--dark-button-active-text:#fff;--dark-nav-background:#1e2235;--dark-nav-text:#fff;--dark-card-background:#1e2235;--dark-card-border:#2a2e45;--dark-input-background:#2a2e45;--dark-input-border:#3a3f5a;--dark-input-text:#fff}body{background-color:var(--background-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}body.light-mode{--background-color:var(--light-background-color);--text-color:var(--light-text-color);--button-background:var(--light-button-background);--button-text:var(--light-button-text);--button-border:var(--light-button-border);--button-active-background:var(--light-button-active-background);--button-active-text:var(--light-button-active-text);--nav-background:var(--light-nav-background);--nav-text:var(--light-nav-text);--card-background:var(--light-card-background);--card-border:var(--light-card-border);--input-background:var(--light-input-background);--input-border:var(--light-input-border);--input-text:var(--light-input-text);--hover-color:#f5f5f5}body.dark-mode{--background-color:var(--dark-background-color);--text-color:var(--dark-text-color);--button-background:var(--dark-button-background);--button-text:var(--dark-button-text);--button-border:var(--dark-button-border);--button-active-background:var(--dark-button-active-background);--button-active-text:var(--dark-button-active-text);--nav-background:var(--dark-nav-background);--nav-text:var(--dark-nav-text);--card-background:var(--dark-card-background);--card-border:var(--dark-card-border);--input-background:var(--dark-input-background);--input-border:var(--dark-input-border);--input-text:var(--dark-input-text);--hover-color:#333}.themed-card{background-color:var(--card-background);border:1px solid var(--card-border);border-radius:8px;box-shadow:0 2px 4px #0000001a;color:var(--text-color);padding:1rem}.themed-button{background-color:var(--button-background);border:1px solid var(--button-border);border-radius:4px;color:var(--button-text);cursor:pointer;padding:.5rem 1rem;transition:background-color .2s ease}.themed-button:hover{background-color:var(--hover-color)}.themed-button.primary{background-color:var(--button-active-background);border:none;color:var(--button-active-text)}.themed-button.primary:hover{opacity:.9}.themed-input{background-color:var(--input-background);border:1px solid var(--input-border);border-radius:4px;color:var(--input-text);padding:.5rem}.themed-input:focus{box-shadow:0 0 0 2px #4a90e280;outline:none}.supplier-filter{align-items:center;display:flex;position:relative}.supplier-filter .filter-label-container{align-items:center;background-color:#fff;border-radius:15px;box-shadow:0 2px 5px #0000001a;display:flex;padding:5px 5px 5px 10px}.supplier-filter .filter-label-container .filter-label{color:#666;font-size:16px;margin-right:10px;white-space:nowrap}.supplier-filter .filter-label-container .filter-value-container{background-color:#e6f2ff;border-radius:10px;color:#333;cursor:pointer;font-weight:500;min-width:80px;padding:8px 16px;text-align:center}.supplier-filter .filter-label-container .filter-value-container:hover{background-color:#d9ecff}.supplier-filter .dropdown-content{width:200px}.supplier-filter .dropdown-content .dropdown-item{padding:12px 16px}.supplier-filter .dropdown-content .dropdown-item.active{background-color:#e6f2ff;color:#333;font-weight:500}.dark-mode .supplier-filter .filter-label-container{background-color:#2a2e45}.dark-mode .supplier-filter .filter-label-container .filter-label{color:#e0e0e0}.dark-mode .supplier-filter .filter-label-container .filter-value-container{background-color:#4a90e2;color:#fff}.dark-mode .supplier-filter .filter-label-container .filter-value-container:hover{background-color:#3a80d2}.dark-mode .supplier-filter .dropdown-content .dropdown-item.active{background-color:#4a90e2;color:#fff}@media(max-width:768px){.supplier-filter .filter-label-container{align-items:flex-start;flex-direction:column}.supplier-filter .filter-label-container .filter-label{margin-bottom:5px;margin-right:0}.supplier-filter .filter-label-container .filter-value-container{width:100%}}.rotation-prompt{background-color:#16192c;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999}.rotation-prompt,.rotation-prompt .rotation-container{align-items:center;display:flex;justify-content:center}.rotation-prompt .rotation-container{flex-direction:column}.rotation-prompt .rotation-container .device{animation:rotateDevice 3s ease-in-out infinite;background-color:#333;border:3px solid #555;border-radius:20px;height:200px;margin-bottom:40px;position:relative;transform-origin:center;width:120px}.rotation-prompt .rotation-container .device.phone{border-radius:15px;height:160px;width:80px}.rotation-prompt .rotation-container .device.phone .home-button{height:25px;width:25px}.rotation-prompt .rotation-container .device.tablet{border-radius:20px;height:200px;width:140px}.rotation-prompt .rotation-container .device.tablet .home-button{height:30px;width:30px}.rotation-prompt .rotation-container .device .screen{background-color:#7bd173;border-radius:5px;bottom:40px;left:10px;position:absolute;right:10px;top:10px}.rotation-prompt .rotation-container .device .home-button{background-color:#555;border:2px solid #666;border-radius:50%;bottom:10px;left:50%;position:absolute;transform:translateX(-50%)}.rotation-prompt .rotation-container .rotation-arrow{animation:fadeInOut 3s ease-in-out infinite;height:100px;position:absolute;width:100px}.rotation-prompt .rotation-container .rotation-arrow .arrow-body{background-color:#4a90e2;border-radius:10px;height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:80px}.rotation-prompt .rotation-container .rotation-arrow .arrow-head{border-bottom:20px solid #0000;border-left:30px solid #4a90e2;border-top:20px solid #0000;height:0;position:absolute;right:0;top:50%;transform:translateY(-50%);width:0}.rotation-prompt .rotation-container .message{color:#fff;margin-top:60px;text-align:center}.rotation-prompt .rotation-container .message h2{font-size:24px;font-weight:600;margin-bottom:10px}.rotation-prompt .rotation-container .message p{font-size:16px;margin-bottom:10px;opacity:.8}.rotation-prompt .rotation-container .message .orientation-status{background-color:#ffffff1a;border-radius:5px;font-size:14px;margin-top:20px;padding:10px}.rotation-prompt .rotation-container .message .orientation-status .highlight{color:#7bd173;font-weight:700}@keyframes rotateDevice{0%,20%{transform:rotate(0deg)}60%,80%{transform:rotate(90deg)}to{transform:rotate(0deg)}}@keyframes fadeInOut{0%,20%{opacity:0}40%,60%{opacity:1}80%,to{opacity:0}}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}body{background-color:#f3f2f7;font-family:Poppins,"sans-serif"}.App{background-color:#fdfdfd}.home .Observation{float:right}.home .Observation img{margin-bottom:.5em;width:196px}.home .Observation .map{height:196px;width:196px}.home .Observation p{margin-bottom:.5em;margin-top:0}.home .Observation-id{font-weight:700}.loading-screen-small{align-items:center;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center;width:100%}.loading-screen-small .spinning-logo{height:20vmin;pointer-events:none}.loading-screen-small .fullscreen{background-color:#fff;height:100vh;width:100vw}@media(prefers-reduced-motion:no-preference){.loading-screen-small .spinning-logo{animation:spinning-logo 10s linear infinite}}.loading-screen-small p{color:#3d71b2}.loading-screen-fullscreen{align-items:center;background-color:#16192c;display:flex;flex-direction:column;gap:20px;height:100vh;justify-content:center;width:100vw}.loading-screen-fullscreen .spinning-logo{height:20vmin;pointer-events:none}.loading-screen-fullscreen .fullscreen{background-color:#fff;height:100vh;width:100vw}@media(prefers-reduced-motion:no-preference){.loading-screen-fullscreen .spinning-logo{animation:spinning-logo 10s linear infinite}}@keyframes spinning-logo{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-screen-fullscreen p{color:#3d71b2}
/*# sourceMappingURL=main.789216d5.css.map*/