{"version":3,"file":"static/css/main.78ed314a.css","mappings":"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","sources":["index.css","components/Sidebar.css","components/Dashboard.css","components/Backgrounds.css","components/VehicleDetail.css","components/Login.css","components/Header.css","components/Register.css","components/AddVehicle.css","App.css"],"sourcesContent":["body {\n  margin: 0;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n    sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n    monospace;\n}\n\nhtml, body, #root {\n  height: 100%;\n  margin: 0;\n  padding: 0;\n  overflow: hidden;\n}",".sidebar {\r\n  width: 240px;\r\n  min-height: 100vh;\r\n  background: linear-gradient(180deg, #022954 0%, \t#b0b8ce 450%);\r\n  color: #fff;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: stretch;\r\n  box-shadow: 2px 0 12px #0002;\r\n  padding: 0 0 24px 0;\r\n}\r\n\r\n.sidebar-header {\r\n  padding: 32px 0 24px 0;\r\n  text-align: center;\r\n}\r\n\r\n.sidebar-header h2 {\r\n  margin: 0;\r\n  font-size: 1.5rem;\r\n  letter-spacing: 1px;\r\n}\r\n\r\n.sidebar-nav {\r\n  flex: 1;\r\n  margin-top: 32px;\r\n}\r\n\r\n.sidebar-nav ul {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n\r\n.sidebar-nav li {\r\n  margin: 18px 0;\r\n  text-align: center;\r\n}\r\n\r\n.sidebar-nav a,\r\n.sidebar-btn {\r\n  display: inline-block; /* Make both behave the same */\r\n  width: 80%;            /* Set a fixed width for all */\r\n  color: #fff;\r\n  background: none;\r\n  border: none;\r\n  font-size: 1rem;\r\n  padding: 12px 0;\r\n  border-radius: 8px;\r\n  transition: background 0.2s, color 0.2s;\r\n  text-decoration: none;\r\n  cursor: pointer;\r\n  text-align: center;\r\n}\r\n\r\n.sidebar-nav a:hover,\r\n.sidebar-btn:hover {\r\n  background: #2d8cf0;\r\n  color: #fff;\r\n}\r\n\r\n.logout-btn-sidebar {\r\n  margin: 32px 24px 0 24px;\r\n  padding: 10px 0;\r\n  border: none;\r\n  border-radius: 8px;\r\n  background: #dc143c;\r\n  color: #fff;\r\n  font-weight: bold;\r\n  cursor: pointer;\r\n  transition: background 0.2s;\r\n}\r\n\r\n.logout-btn:hover {\r\n  background: #a80f2c;\r\n}\r\n",".dashboard {\r\n    flex: 1;\r\n    padding: 20px;\r\n    background: url('../assets/bg1.jpg') no-repeat center center fixed;\r\n    background-size: center;\r\n    min-height: 100vh;\r\n  }\r\n  \r\n  .vehicle-list {\r\n    display: flex;\r\n    gap: 20px;\r\n    flex-wrap: wrap;\r\n  }\r\n  \r\n  .vehicle-card {\r\n    background-color: white;\r\n    padding: 20px;\r\n    width: 250px;\r\n    border-radius: 8px;\r\n    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\r\n  }\r\n\r\n\r\n  .vehicle-card-link {\r\n    text-decoration: none;\r\n    color: inherit;\r\n  }\r\n\r\n  /* Add to Dashboard.css */\r\n.custom-popup-overlay {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100vw;\r\n  height: 100vh;\r\n  background: rgba(40, 40, 40, 0.85);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  z-index: 2000;\r\n}\r\n\r\n.custom-popup {\r\n  background: #f8f8f8;\r\n  border-radius: 40px;\r\n  padding: 48px 48px 32px 48px;\r\n  min-width: 480px;\r\n  max-width: 90vw;\r\n  box-shadow: 0 4px 32px rgba(0,0,0,0.18);\r\n  text-align: center;\r\n}\r\n\r\n.popup-title {\r\n  font-size: 2.5rem;\r\n  font-family: 'Montserrat', Arial, sans-serif;\r\n  margin-bottom: 18px;\r\n  font-weight: bold;\r\n  letter-spacing: 2px;\r\n}\r\n\r\n.popup-message {\r\n  font-size: 1.1rem;\r\n  font-family: 'Montserrat', Arial, sans-serif;\r\n  margin-bottom: 18px;\r\n  letter-spacing: 1px;\r\n}\r\n\r\n.popup-distance {\r\n  font-size: 2.5rem;\r\n  font-family: 'Montserrat', Arial, sans-serif;\r\n  font-weight: bold;\r\n  margin-bottom: 32px;\r\n}\r\n\r\n.popup-buttons {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 32px;\r\n}\r\n\r\n.popup-btn {\r\n  background: #bdbdbd;\r\n  color: #222;\r\n  border: none;\r\n  border-radius: 40px;\r\n  padding: 18px 38px;\r\n  font-size: 1.3rem;\r\n  font-family: 'Montserrat', Arial, sans-serif;\r\n  font-weight: 500;\r\n  cursor: pointer;\r\n  transition: background 0.2s;\r\n}\r\n\r\n.popup-btn:hover {\r\n  background: #888;\r\n  color: #fff;\r\n}",".bg-dashboard {\r\n  background: url('../assets/bg1.jpg') no-repeat right bottom fixed;\r\n  background-size: contain;\r\n  min-height: 100vh;\r\n}\r\n\r\n.bg-login {\r\n  background: url('../assets/bg2.jpg') no-repeat center center fixed;\r\n  background-size: contain;\r\n  height: 100vh;\r\n}\r\n\r\n.bg-register,\r\n.bg-edit-vehicle {\r\n  background: url('../assets/bg3.jpg') no-repeat right bottom fixed;\r\n  background-size: contain;\r\n  min-height: 100vh;\r\n}","body, html {\r\n  width: 100%;\r\n  height: 100%;\r\n  margin: 0;\r\n  padding: 0;\r\n  background: #fff;\r\n}\r\n\r\n.vehicle-detail-container {\r\n  height: 100vh;\r\n  font-family: 'Montserrat', Arial, sans-serif;\r\n  background: #fff;\r\n  box-sizing: border-box;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: flex-start;\r\n  align-items: center;\r\n}\r\n\r\n.title {\r\n  font-size: 36px;\r\n  font-family: 'Montserrat', Arial, sans-serif;\r\n  font-weight: bolder;\r\n  letter-spacing: 1px;\r\n  margin: 30px 0 20px 30px;\r\n  align-self: flex-start;\r\n}\r\n\r\n.form-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 35px 40px;\r\n  max-width: 900px;\r\n  width: 100%;\r\n  margin: 0 auto 30px auto;\r\n  align-items: center;\r\n  justify-items: stretch;\r\n}\r\n\r\n.field label {\r\n  display: block;\r\n  font-size: 36px;\r\n  font-family: 'Montserrat', Arial, sans-serif;\r\n  margin-bottom: 8px;\r\n  font-weight: bold;\r\n  letter-spacing: 1px;\r\n}\r\n\r\n/* .field label i {\r\n  font-style: italic;\r\n  font-size: 16px;\r\n  font-family: 'Montserrat', Arial, sans-serif;\r\n  font-weight: bold;\r\n} */\r\n\r\n.field input {\r\n  width: 100%;\r\n  height: 60px;\r\n  padding: 18px;\r\n  font-size: 28px;\r\n  border: 4px solid #000;\r\n  border-radius: 16px;\r\n  font-family: 'Montserrat', Arial, sans-serif;\r\n  background-color: #fff;\r\n  color: #000;\r\n  font-weight: normal;\r\n  margin-bottom: 0;\r\n  outline: none;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.back-button {\r\n  max-width: 900px;\r\n  width: 100%;\r\n  margin: 30px auto 0 auto;\r\n  padding: 18px 0;\r\n  background-color: #000;\r\n  color: #fff;\r\n  font-size: 28px;\r\n  border: none;\r\n  border-radius: 10px;\r\n  font-family: 'Montserrat', Arial, sans-serif;\r\n  cursor: pointer;\r\n  font-weight: normal;\r\n  letter-spacing: 1px;\r\n  transition: background 0.2s;\r\n  display: block;\r\n  text-align: center;\r\n}\r\n\r\n.back-button:hover {\r\n  background: #222;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .form-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 25px 0;\r\n    max-width: 98vw;\r\n  }\r\n  .back-button {\r\n    max-width: 98vw;\r\n  }\r\n}\r\n","/* Login.css */\r\n\r\n.login-container {\r\n  height: 100vh;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  /* background-color: #f1f3f6; */\r\n  background-image: url('../assets/bg2.jpg');\r\n}\r\n\r\n.login-form {\r\n  background: white;\r\n  padding: 30px;\r\n  border-radius: 8px;\r\n  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\r\n  width: 300px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n}\r\n\r\n.login-form h2 {\r\n  text-align: center;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.login-form input {\r\n  margin-bottom: 15px;\r\n  padding: 10px;\r\n  font-size: 16px;\r\n  border: 1px solid #ccc;\r\n}\r\n\r\n.login-form button {\r\n  padding: 10px;\r\n  font-size: 16px;\r\n  background: #4a90e2;\r\n  color: white;\r\n  border: none;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n}\r\n\r\n.login-form .error {\r\n  color: red;\r\n  margin-bottom: 10px;\r\n  text-align: center;\r\n}\r\n",".header {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    background: #022954;\r\n    color: #fff;\r\n    padding: 0 32px;\r\n    height: 70px;\r\n    position: sticky;\r\n    top: 0;\r\n    z-index: 100;\r\n  }\r\n  \r\n  .header-title {\r\n    flex: 1;\r\n    text-align: center;\r\n    font-size: 2rem;\r\n    font-weight: bold;\r\n    letter-spacing: 1px;\r\n  }\r\n  \r\n  .header-nav {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 24px;\r\n  }\r\n  \r\n  .header-nav a {\r\n    color: #fff;\r\n    text-decoration: none;\r\n    font-size: 1.1rem;\r\n    transition: color 0.2s;\r\n  }\r\n  \r\n  .header-nav a:hover {\r\n    color: #2d8cf0;\r\n  }\r\n  \r\n  .logout-btn {\r\n    margin-left: 16px;\r\n    padding: 8px 18px;\r\n    border: none;\r\n    border-radius: 8px;\r\n    background: #dc143c;\r\n    color: #fff;\r\n    font-weight: bold;\r\n    cursor: pointer;\r\n    transition: background 0.2s;\r\n  }\r\n  \r\n  .logout-btn:hover {\r\n    background: #a80f2c;\r\n  }\r\n",".login-container {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    height: 100%;\r\n    padding: 2rem;\r\n    background-image: url('../assets/bg3.jpg');\r\n  }\r\n  \r\n  .login-form {\r\n    background: white;\r\n    padding: 2rem;\r\n    border-radius: 8px;\r\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\r\n    width: 100%;\r\n    max-width: 400px;\r\n  }\r\n  \r\n  .login-form h2 {\r\n    margin-bottom: 1rem;\r\n    text-align: center;\r\n  }\r\n  \r\n  .login-form input {\r\n    width: 100%;\r\n    padding: 10px;\r\n    margin-bottom: 1rem;\r\n    border: 1px solid #ccc;\r\n    border-radius: 4px;\r\n  }\r\n  \r\n  .login-form button {\r\n    width: 100%;\r\n    padding: 10px;\r\n    background-color: #3b82f6;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 4px;\r\n    font-weight: bold;\r\n    cursor: pointer;\r\n  }\r\n  \r\n  .error {\r\n    color: red;\r\n    margin-bottom: 1rem;\r\n    text-align: center;\r\n  }\r\n  ","/* Full viewport flex centering */\r\n.vehicle-form-container {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  min-height: 80vh;\r\n  padding: 2rem;\r\n  background: #f3f5f7; /* subtle background to match your dashboard */\r\n}\r\n\r\n/* Centered form box */\r\n.vehicle-form {\r\n  width: 100%;\r\n  max-width: 800px;\r\n  background: #fff;\r\n  padding: 2rem 2rem 3rem;\r\n  border-radius: 12px;\r\n  box-shadow: 0 0 15px rgba(0,0,0,0.1);\r\n  font-family: 'Arial Black', sans-serif;\r\n}\r\n\r\n.vehicle-form h2 {\r\n  font-size: 26px;\r\n  text-align: center;\r\n  margin-bottom: 30px;\r\n  text-transform: uppercase;\r\n  border-bottom: 2px solid #000;\r\n  padding-bottom: 10px;\r\n}\r\n\r\n/* Responsive rows */\r\n.form-row {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 20px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.form-row input {\r\n  flex: 1;\r\n  min-width: 300px;\r\n  padding: 14px;\r\n  font-size: 16px;\r\n  border: 2px solid black;\r\n  border-radius: 8px;\r\n  font-family: 'Arial Black', sans-serif;\r\n}\r\n\r\n.register-btn {\r\n  margin-top: 20px;\r\n  padding: 20px 40px;\r\n  background: black;\r\n  color: white;\r\n  font-size: 18px;\r\n  font-weight: bold;\r\n  border: none;\r\n  border-radius: 10px;\r\n  cursor: pointer;\r\n  width: 100%;\r\n  /* text-transform: uppercase; */\r\n  transition: 0.3s;\r\n}\r\n\r\n.register-btn:hover {\r\n  background: #333;\r\n}\r\n","html, body, #root {\n  margin: 0;\n  padding: 0;\n  min-height: 100%;\n  overflow:auto;\n}\n\n.App {\n  text-align: center;\n}\n\n.App-logo {\n  height: 40vmin;\n  pointer-events: none;\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .App-logo {\n    animation: App-logo-spin infinite 20s linear;\n  }\n}\n\n\n.app-container {\n  display: flex;\n  min-height: 100vh;\n  margin: 0;\n  padding: 0;\n}\n\n.App-header {\n  background-color: #282c34;\n  min-height: 100vh;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  font-size: calc(10px + 2vmin);\n  color: white;\n}\n\n.App-link {\n  color: #61dafb;\n}\n\n.app-layout {\n  display: flex;\n  min-height: 100vh;\n}\n\n.sidebar {\n  width: 240px; /* or your sidebar width */\n}\n\n.main-content {\n  flex: 1;\n  min-height: 100vh;\n  background: #f3f5f8;\n  padding: 32px;\n  box-sizing: border-box;\n  overflow: hidden;\n  /* If header is fixed/sticky, add: */\n  /* padding-top: 70px;  Replace 70px with your header's height */\n}\n\n/* .header {\n  margin: 0;\n  padding: 0 32px;\n  width: 100%;\n  box-sizing: border-box;\n} */\n\n\n@keyframes App-logo-spin {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n"],"names":[],"sourceRoot":""}