*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif}.app-container,body{background-color:#f4f4f4;color:#333}.app-container{margin:0 auto;padding:10px;position:relative}.header-container{align-items:center;background-color:#f4f4f4;display:flex;height:50px;justify-content:space-between;margin-bottom:10px;position:relative;text-align:center}.header-container p{left:50%;position:absolute;text-align:center;transform:translateX(-50%)}.header-container p a{color:#666;text-decoration:none;transition:color .3s}.header-container p a:hover{color:#0056b3}.header-container .reset-button-container{position:absolute;right:0}.header-container .settings-icon{align-items:center;cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:10px}.time-settings{align-items:center;display:flex}.time-settings label{font-weight:700}.time-settings input[type=number]{border:1px solid #ccc;border-radius:5px}button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s}button:hover{background-color:#0056b3}.bike-queue-container{display:flex;flex-wrap:nowrap;gap:20px;justify-content:center;max-height:calc(100vh - 200px);overflow-x:auto}.bike-queue{background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;color:#333;flex:1 1;max-width:300px;min-width:250px;overflow-y:auto;padding:20px}.bike-queue-header{align-items:center;display:flex;justify-content:space-between}.bike-queue h2{font-size:20px}.bike-queue button{cursor:pointer}.bike-queue button .fa-trash{font-size:16px}.timer{font-size:20px;font-weight:700}.timer.orange{color:orange}.timer.green{color:green}.bike-queue .current-user{font-size:18px;margin:10px 0}.bike-queue input[type=text]{background-color:#fff;border:1px solid #ccc;border-radius:5px;color:#333;font-size:16px;margin-bottom:10px;padding:10px;width:100%}input[type=number],input[type=text],select{background-color:#fff;border:1px solid #ccc;color:#333}.bike-queue ul{list-style-type:none;padding-left:0}.bike-queue li{margin-bottom:5px;padding:6px 0}.draggable-item{align-items:center;background-color:#f9f9f9;border:1px solid #ccc;border-radius:5px;display:flex;font-size:18px;justify-content:space-between;margin-bottom:10px;padding:10px;position:relative;transition:transform .3s ease,background-color .3s ease,box-shadow .3s ease;z-index:10}.draggable-item.dragging{background-color:#e0f7fa;box-shadow:0 5px 10px #0003;cursor:grabbing;margin-bottom:0;transform:scale(1.05);z-index:1000}.draggable-item .arrow-icon,.draggable-item .fa-trash{font-size:24px;padding:10px}.drag-icon{cursor:grab;margin-right:10px}.arrow-icon{color:#007bff;cursor:pointer;font-size:20px;margin:0 5px;transition:color .3s}.arrow-icon:hover{color:#0056b3}.arrow-icon.disabled{color:#ccc;cursor:not-allowed}.settings-modal{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.settings-modal-content{background:#fff;border-radius:10px;color:#333;max-width:600px;padding:20px;position:relative;width:80%;z-index:1001}.settings-modal-content h2{font-size:24px;margin-top:0}.settings-modal-content .fa-xmark{cursor:pointer;float:right;font-size:24px}.settings-modal-content label{display:block;margin-top:10px}.settings-modal-content input[type=number],.settings-modal-content input[type=text],.settings-modal-content select{background-color:#fff;border:1px solid #ccc;border-radius:5px;color:#333;font-size:18px;padding:8px;width:100%}.settings-modal-content button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:18px;padding:10px;width:100%}.settings-modal-content button:hover{background-color:#0056b3}.settings-modal-content input[type=text]{border-radius:5px 0 0 5px;flex:1 1;margin-right:0;width:auto}.settings-modal-content button{border-radius:0 5px 5px 0;margin-left:0}@media (max-width:768px){.bike-queue-container{align-items:center;flex-direction:column;max-height:none;overflow-y:auto}.bike-queue{margin-bottom:20px;max-width:100%;min-width:100%}.add-bike-container{align-items:stretch;flex-direction:column}.add-bike-container button,.add-bike-container input[type=text]{border:1px solid #ccc;border-radius:5px;margin-bottom:10px;width:100%}.add-bike-container button{margin-bottom:0}.settings-modal-content{max-width:400px;width:90%}}@media (min-width:768px) and (max-width:1024px){.settings-modal-content{max-width:600px;width:80%}}.language-selector{display:flex;gap:10px;margin-top:5px}.language-selector img{cursor:pointer;height:20px;transition:transform .3s;width:30px}.language-selector img:hover{transform:scale(1.1)}.dark-mode{background-color:#121212;color:#fff}.dark-mode .app-container{background-color:initial;color:#fff}.dark-mode .bike-queue{background-color:#1e1e1e;color:#fff}.dark-mode .settings-modal-content{background-color:#2c2c2c;color:#fff}.dark-mode button{background-color:#333;color:#fff}.dark-mode button:hover{background-color:#555}.dark-mode input[type=number],.dark-mode input[type=text],.dark-mode select{background-color:#333;border:1px solid #555;color:#fff}.dark-mode .header-container{background-color:#1e1e1e}.dark-mode .header-container p a{color:#bbb}.dark-mode .header-container p a:hover{color:#fff}.dark-mode .draggable-item{background-color:#2c2c2c;border:1px solid #444}.dark-mode .draggable-item.dragging{background-color:#3c3c3c;box-shadow:0 5px 10px #00000080}.dark-mode .arrow-icon{color:#bbb}.dark-mode .arrow-icon:hover{color:#fff}.dark-mode .arrow-icon.disabled{color:#555}.dark-mode .loading-indicator .spinner{border-top:16px solid #fff}#root{background-color:inherit;color:inherit}.light-mode #root{background-color:#f4f4f4;color:#333}.dark-mode #root{background-color:#121212;color:#fff}.loading-indicator{align-items:center;display:flex;height:100vh;justify-content:center}.loading-indicator .spinner{border-top:16px solid #3498db}.dark-mode-icon,.icon-container{align-items:center;display:flex}.dark-mode-icon{cursor:pointer;font-size:24px;height:24px;justify-content:center;padding:10px;width:24px}.add-bike-container{align-items:center;display:flex}.add-bike-container input[type=text]{border:1px solid #ccc;border-radius:5px 0 0 5px;border-right:none;box-sizing:border-box;font-size:16px;padding:10px;width:60%}.add-bike-container button{background-color:#007bff;border:1px solid #ccc;border-left:none;border-radius:0 5px 5px 0;box-sizing:border-box;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s;width:40%}.add-bike-container button:hover{background-color:#0056b3}@media (max-width:768px){.add-bike-container{align-items:stretch;flex-direction:column}.add-bike-container button,.add-bike-container input[type=text]{border:1px solid #ccc;border-radius:5px;margin-bottom:10px;width:100%}.add-bike-container button{margin-bottom:0}}.spinner{animation:spin 2s linear infinite;border:16px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:120px;width:120px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.5462a798.css.map*/