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}.checkbox-container{align-items:center;display:flex;margin-left:10px}.checkbox-button{background:none;border:none;cursor:pointer;height:35px;padding:0}.checkbox-image{height:35px;width:35px}.checkbox-label{font-size:1.2em;font-weight:700;margin-left:5px}.loading-indicator-container{align-items:center;display:flex;justify-content:flex-start;width:100%}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #0003;border-radius:50%;border-top-color:#0026ff}.loading-text{color:blue;font-style:italic;font-weight:700;margin-left:5px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.preview-progress,.upload-progress{font-size:14px;font-weight:700;margin-bottom:20px;margin-top:20px;text-align:center}.progress-bar-container{background-color:#ddd;border-radius:5px;height:10px;margin-top:8px;overflow:hidden;width:100%}.progress-bar{background-color:#4caf50;height:100%;transition:width .3s ease}.login-button{background-color:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin:auto;padding:12px 0;transition:background-color .3s ease;width:200px}.login-button:hover{background-color:#45a049}.error-box{color:red;font-size:14px;margin-top:10px}Global Styles
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}.full-width-container{align-items:center;background-color:#fff;display:flex;flex-direction:column;width:100%}.content-container{margin:0 auto;max-width:1170px;padding:20px;width:100%}.header{background-color:#333;color:#fff;display:flex;justify-content:center;padding:10px 0;width:100%}.header-info{height:38px;padding:0 20px}.header-info span{margin:0 10px}.main-feature{align-items:center;display:flex;flex-direction:column}.feature-title{font-size:2em;margin:20px 0}.vehicle-grid{grid-gap:20px;display:grid;gap:20px;justify-content:center;margin:0 auto;max-width:1170px;width:100%}.vehicle-card{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:grid;grid-template-areas:"ad ad ad" "image title price" "image details details" "image admin-options admin-options" "imageIcons imageIcons imageIcons";grid-template-columns:350px 1fr auto;grid-template-rows:auto auto 1fr auto auto;overflow:hidden;width:1000px}.vehicle-image-icons{grid-gap:10px;display:grid;gap:10px;grid-area:imageIcons;grid-template-columns:repeat(auto-fit,100px);justify-content:start;padding:10px}.image-icon{cursor:pointer;height:100px;width:100px}.image-icon img{border:1px solid #000;border-radius:4px;height:100%;object-fit:cover;width:100%}.vehicle-admin-options-container{align-items:center;display:flex;grid-area:admin-options;justify-content:space-between;padding:10px}.vehicle-admin-buttons-left{display:flex;gap:10px}.vehicle-delete-button,.vehicle-edit-button{margin-right:10px;width:35px}.vehicle-delete-button,.vehicle-edit-button,.vehicle-save-button{background:none;border:none;cursor:pointer;height:35px}.vehicle-ad-row{background-color:#4f4f4f;border-top-left-radius:8px;border-top-right-radius:8px;color:#fff;font-size:1.2em;font-weight:700;padding:10px;text-align:left}.vehicle-image-container{align-items:center;background-color:#000;cursor:pointer;display:flex;grid-area:image;height:263px;justify-content:center;overflow:hidden;width:100%}.vehicle-image{max-height:100%;max-width:100%;object-fit:contain}.vehicle-title{font-size:1.2em}.vehicle-price,.vehicle-title{font-weight:700;margin:0;padding:10px}.vehicle-price{color:#000;font-size:1.5em;text-align:right}.vehicle-details{grid-gap:5px 15px;display:grid;gap:5px 15px;grid-template-columns:1fr 1fr;padding:10px}.vehicle-details p{margin:auto auto auto 0}.vehicle-input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:1em;margin-bottom:5px;padding:5px;width:100%}.input-label{display:block;font-weight:700;margin-bottom:5px}.edit-mode-title{display:flex;flex-wrap:wrap;gap:10px;grid-area:title}.price-label{margin-left:auto}.vehicle-price{grid-area:price}.vehicle-ad-row{grid-area:ad}.vehicle-title{grid-area:title}.vehicle-details{grid-area:details}.modal-overlay{align-items:center;background-color:#000c;display:flex;justify-content:center;position:fixed;z-index:1000}.modal-background,.modal-overlay{height:100%;left:0;top:0;width:100%}.modal-background{position:absolute;z-index:-1}.modal-content{background-color:#fff;border-radius:8px;display:flex;flex-direction:column;max-height:100vh;max-width:90%;overflow:hidden;position:relative;z-index:1}.modal-image-container{align-items:center;display:flex;flex-grow:1;justify-content:center;position:relative}.modal-image{border-radius:8px;max-height:100vh;max-width:100%;object-fit:contain}.modal-controls{bottom:0;box-sizing:border-box;display:flex;gap:15px;justify-content:center;padding:10px;position:absolute;width:100%;z-index:2}.modal-controls button{background-color:#fff;border:2px solid #000;border-radius:5px;color:#000;cursor:pointer;font-size:18px;padding:10px 20px}.modal-controls button:disabled{cursor:not-allowed;opacity:.5}.form-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:0 auto;padding:20px;width:100%}.form-title{font-size:1.8em;margin-bottom:20px;text-align:center}.form-group{display:flex;flex-direction:column;margin-bottom:15px}.form-group label{font-weight:700;margin-bottom:5px}.form-group input[type=file],.form-group input[type=tel],.form-group input[type=text],.form-group input[type=url]{border:1px solid #ddd;border-radius:4px;font-size:1em;padding:8px}.submit-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1em;font-weight:700;padding:10px;width:100%}.submit-button:hover{background-color:#0056b3}.vehicle-marketplace{align-items:center;display:flex}.marketplace-link{color:#000;margin-right:10px;text-decoration:none}.marketplace-link:hover{color:#007bff}.header-container{flex-direction:column}.header-container,.header-info{background-color:#333;display:flex;width:100%}.header-info{align-items:center;box-sizing:border-box;color:#fff;font-weight:700;justify-content:space-between;margin:0 auto;max-width:1170px;padding:10px 20px}.header-contact{align-items:center;display:flex;gap:10px}.admin-icon,.logout-icon{cursor:pointer;height:30px}.header-logo{background-color:#000;padding:20px 0;text-align:center;width:100%}.header-logo img{height:auto;max-width:200px}.header-link{color:#fff;text-decoration:none}.header-link:hover{text-decoration:underline}.header-logout-mobile{align-items:center;background-color:#fff;display:none;flex-direction:column;justify-content:center;padding:10px 0}.email-login-container{width:450px}.email-login-screen{align-items:center;display:flex;flex-direction:column;min-height:100vh}.login-title{color:#333;font-size:24px;margin-bottom:20px}.login-form{grid-gap:15px;display:grid;gap:15px}.login-form label{font-size:18px;font-weight:700;margin-bottom:5px;text-align:left}.login-input{border:1px solid #ccc;border-radius:8px;font-size:16px;padding:10px;width:100%}.image-preview-grid{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px}.image-preview img{border-bottom:1px solid #ddd;height:200px;object-fit:cover;width:100%}.image-preview{align-items:center;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;overflow:hidden;padding-bottom:8px;position:relative;width:200px}.order-input{background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 4px #0000001a;font-size:20px;font-weight:700;margin:3px;padding:4px;text-align:center;width:60px}.update-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-top:4px;padding:4px 8px}.progress-container{background:#0009;bottom:0;color:#fff;font-size:12px;left:0;padding:4px;position:absolute;right:0;text-align:center}.progress-container progress{-webkit-appearance:none;appearance:none;height:6px;margin-top:4px;width:100%}.progress-container progress::-webkit-progress-bar{background-color:#ddd;border-radius:3px}.progress-container progress::-webkit-progress-value{background-color:#4caf50;border-radius:3px}.progress-container progress::-moz-progress-bar{background-color:#4caf50;border-radius:3px}@media (min-width:768px){.content-container{max-width:750px;padding:10px}.feature-title{font-size:1.8em}.vehicle-card{width:650px}}@media (min-width:992px){.content-container{max-width:970px}.feature-title{font-size:1.9em}.vehicle-card{width:850px}}@media (min-width:1200px){.content-container{max-width:1170px}.vehicle-card{width:1000px}}@media (max-width:768px){.content-container{margin:10px auto;padding:0;width:100%}.vehicle-grid{width:100%}.vehicle-card{display:grid;grid-template-areas:"ad ad" "title title" "image image" "price price" "details details" "admin-options admin-options" "imageIcons imageIcons";grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto;margin:auto;width:90%}.vehicle-image-container{align-items:center;aspect-ratio:16/9;display:flex;height:auto;justify-content:center;overflow:hidden;width:100%}.vehicle-image-icons{grid-template-columns:repeat(auto-fit,45px)}.vehicle-image{height:auto;object-fit:contain;width:100%}.image-icon{cursor:pointer;height:45px;width:45px}.vehicle-ad-row,.vehicle-price,.vehicle-title{text-align:center}.vehicle-details{grid-template-columns:1fr}.email-login-container{margin:10px auto;width:80%}.form-container{max-width:none;width:85%}.header-link{font-size:small}.header-contact .admin-icon,.header-contact .logout-icon,.header-contact img.logout-icon{display:none}.admin-icon{margin-top:5px}.header-logout-mobile{align-items:center;background-color:#fff;display:flex;justify-content:center}}
/*# sourceMappingURL=main.160a93ad.css.map*/