.sidebar{border-right:1px solid #dbd4d4;flex:0 0 15%;min-height:100vh;position:relative;display:flex;flex-direction:column;width:15%}.sidebar-logo{padding:4rem 2rem;border-bottom:1px solid #dbd4d4}.dealership-logo{font-family:Plus Jakarta Sans,sans-serif;font-size:2rem;letter-spacing:1.5px;font-weight:800;position:relative}.dealership-logo:after{content:"ERP";color:#fff;background-color:#4880ff;border-radius:3px;position:absolute;left:13rem;font-size:1rem}.company-selector{padding:16px 2rem;border-bottom:1px solid #dbd4d4}.company-selector-label{display:block;font-size:12px;font-weight:600;color:#6b7280;margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em;font-family:Plus Jakarta Sans,sans-serif}.company-dropdown{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:500;background-color:white;cursor:pointer;transition:all .2s;font-family:Plus Jakarta Sans,sans-serif;color:#1f2937}.company-dropdown:hover{border-color:#4880ff}.company-dropdown:focus{outline:none;border-color:#4880ff;box-shadow:0 0 0 3px rgba(72,128,255,.1)}.sidebar-nav{display:flex;flex-direction:column;justify-content:flex-start;height:auto;position:relative;overflow-y:auto;padding-bottom:120px}.sidebar-nav-list{list-style:none;font-size:14px;margin-top:2rem;padding:0 2rem}.active{background-color:#e0e0e0;position:relative;border-radius:8px}.active:after{content:"";width:.3rem;height:2rem;border-radius:10px;background-color:#4880ff;position:absolute;top:.8rem;left:0}.active .sidebar-nav-link{color:#4880ff}.active .sidebar-nav-icon path{stroke:#4880ff}.sidebar-nav-item:hover{background-color:#f5f5f5;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.sidebar-nav-item:hover .sidebar-nav-link{color:#4880ff}.sidebar-nav-item:hover .sidebar-nav-icon path{stroke:#4880ff;transition:stroke .2s ease}.sidebar-nav-item.active:hover{background-color:#e0e0e0}.sidebar-nav-item{border-radius:8px;transition:background-color .2s ease}.sidebar-nav-item:not(:last-child){margin-bottom:1rem}.sidebar-nav-link{color:#000;text-decoration:none;display:flex;align-items:center;padding:1rem 1.5rem;gap:1.5rem;transition:color .2s ease}.sidebar-nav-icon{width:1.7rem;height:1.7rem}.btn-mobile-nav{display:none;border:none;width:1.5rem;height:1.7rem}.icon-mobile-nav{width:2.7rem;height:2.7rem}.user{border-top:1px solid #dbd4d4;position:fixed;bottom:0;width:15%;background-color:white;z-index:10}.user-details{display:flex;align-items:center;padding:1.5rem 2rem}.user-icon{margin-right:1rem}.user-info{margin-right:auto}.user-name{font-weight:600;font-size:1.2rem;display:block;margin-bottom:.3rem}.user-role{display:block;font-weight:200}.display-user-settings{border:none;background-color:#efefef}.arrow-icon{height:1.5rem}.system-support{background-color:#3c4049;padding:1rem 2rem;color:#fff}.mobile-topbar{display:none}@media only screen and (max-width:768px){.mobile-topbar{display:flex;align-items:center;justify-content:space-between;width:100%;height:4.5rem;background:#fff;padding:0 2rem;box-shadow:0 2px 8px rgba(0,0,0,.03);z-index:100;position:relative}.btn-mobile-nav{display:block;position:static;margin-left:auto;background:none;border:none;cursor:pointer;z-index:101}.stock{flex-direction:column}.sidebar{min-height:auto;display:none!important}.sidebar-logo{padding:3rem 2rem}.sidebar-nav{background-color:#3c4049;position:absolute;top:0;left:0;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;visibility:hidden;transform:translateX(100%);transition:all .5s ease-in-out;z-index:20}.nav-open .sidebar-nav{opacity:1;pointer-events:auto;visibility:visible;transform:translateX(0)}.user{position:absolute;bottom:0;width:100%}}.full-content{display:flex;min-height:100vh}.main-content{flex:1 1;padding:1rem 4rem;min-width:0}.sidebar-content{position:relative}footer{margin-top:auto}@media only screen and (max-width:59.3em){.full-content{flex-direction:column;min-height:auto}.main-content{padding:1rem 1.4rem}}.hidden{display:none}.loading{display:flex;align-items:center;justify-content:center;height:100vh;font-size:14px;font-family:Nunito Sans,sans-serif}.btn-save{background-color:#2563eb;padding:10px 24px;border-radius:4px;font-weight:600;transition:background .2s}.btn-save:hover{background-color:#174ea6}.btn-cancel{background-color:#e0e0e0;color:#333;padding:10px 24px;border:none;border-radius:4px;font-size:12px;font-weight:600;transition:background .2s}.btn-cancel:hover{background-color:#bdbdbd}.error-message{color:#ff1744;margin-top:5px}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px}.checkbox-input{width:16px;height:16px;accent-color:#2563eb}.hidden{display:none!important}.documents-section,.extras-options-section,.images-section,.otp-invoice-section{width:100%;margin-top:20px}.description-container{width:100%}.description-textarea{min-height:120px;padding:15px;border:1px solid #e0e0e0;border-radius:5px;font-size:14px}.form-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:30px;padding-bottom:20px}.btn-save{background-color:#3498DB;color:#fff;border:none;border-radius:5px;padding:10px 25px;cursor:pointer;font-size:16px;transition:all .2s ease}.btn-save:hover{background-color:#2980B9}.btn-cancel{background-color:transparent;color:#7F8C8D;border:1px solid #7f8c8d;border-radius:5px;padding:10px 25px;cursor:pointer;font-size:16px;transition:all .2s ease}.btn-cancel:hover{background-color:#f5f5f5}.extras-grid{grid-gap:15px;gap:15px;margin-top:15px}.extra-item{display:flex;align-items:center;gap:10px}.extra-item input[type=checkbox]{width:16px;height:16px;cursor:pointer}.extra-item label{font-size:14px;cursor:pointer}.documents-upload-container,.images-upload-container{margin-top:20px}.upload-box{border:2px dashed #cbd5e0;border-radius:5px;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.upload-box:hover{border-color:#3498DB}.upload-icon img{width:48px;height:48px;opacity:.7}.upload-text{margin-top:15px;font-size:16px;font-weight:500;color:#2D3748}.upload-format{margin-top:5px;font-size:12px;color:#718096}.images-preview{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px}.documents-list{margin-top:20px}.vehicle-checklist{width:100%;margin-top:20px;padding:20px;background-color:#fff;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.checklist-container{margin-top:20px;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:15px;gap:15px}.checklist-item{gap:12px;padding:10px 15px;background-color:#f8f9fa;border-radius:4px}.checklist-item input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#3498DB}.checklist-item label{font-size:14px;font-weight:500;cursor:pointer}.input-error{border:1px solid #e74c3c!important}.error-message{color:#e74c3c;font-size:12px;margin-top:4px;display:block}@media screen and (max-width:768px){.extras-grid{grid-template-columns:repeat(2,1fr)}.form-actions{flex-direction:column;align-items:stretch}.checklist-container{grid-template-columns:1fr}}@media screen and (max-width:576px){.extras-grid{grid-template-columns:1fr}}.input-field input,.input-field select{display:block;width:100%;font-size:1.2rem;font-family:Nunito sans;padding:.8rem 1rem;border:.6px solid #c3c3c3;border-radius:4px}.input-field input[type=checkbox]{width:1.6rem;height:1.6rem;margin-right:.8rem}.input-field .error{border:1px solid #ff1744}.input-field textarea{border:.6px solid #c3c3c3;padding:.8rem 1rem;border-radius:4px;font-size:1.2rem;font-family:Nunito sans;width:100%;min-height:6rem;margin-top:.5rem}.input-field .error-message{color:#ff1744;font-size:12px;margin-top:5px}.image-preview{width:100px;height:100px;object-fit:cover;border:1px solid #e0e0e0;border-radius:4px;margin-right:10px}.image-upload-label{display:inline-block;padding:8px 16px;background-color:#2563eb;color:#fff;border-radius:4px;cursor:pointer;font-size:14px;margin-top:10px}.image-upload-label input[type=file]{display:none}.checklist-section,.extras-section{margin-top:2rem}.checklist-item{display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:8px}.checklist-item.completed{text-decoration:line-through;color:#888}@media only screen and (max-width:59.3em){.form-input-row{flex-direction:column;gap:1rem}.form-input-field{padding:1rem}}.form-input-row{display:flex;flex-wrap:wrap;margin-bottom:1.5rem;align-items:center;gap:2rem}.form-input-row .input-label{flex:1 1;min-width:15rem;display:flex;flex-direction:column;font-size:1.2rem;font-family:Nunito Sans}.form-input-row .input-field{margin-top:.5rem}.form-input-row textarea{border:.6px solid #c3c3c3;padding:1rem .5rem;width:100%;height:8rem;border-radius:4px;margin-bottom:1rem;font-family:Nunito sans;margin-top:.5rem}.form-input-field{padding:2rem 3rem;display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.form-input-field .form-input{flex:1 1}.readonly{background-color:#f8f8f8}.extras-form,.purchase-details-form,.vehicle-details-form{padding:3rem 4rem;border-bottom:.6px solid #c3c3c3;background-color:#fff;border-radius:4px;margin-bottom:2rem}.form-header{margin-bottom:2rem}.form-header,.section-header{display:flex;align-items:center;justify-content:space-between}.section-header{padding:2rem 3rem;border-bottom:.6px solid #c3c3c3}.section-title{font-size:1.8rem;font-weight:600;color:#333}.stock-vehicle-name{font-size:2.4rem;font-weight:700;margin-bottom:.5rem}.stock-vehicle-model{font-size:1.6rem;color:#555;margin-bottom:2rem}.action-bar{background-color:#fff;border-radius:4px;margin-top:1.5rem;margin-bottom:2rem;padding:1rem 2rem;justify-content:space-between;border:1px solid #dedede}.action-bar,.back-button,.left-actions{display:flex;align-items:center}.back-button{gap:.5rem;text-decoration:none;color:#333;font-size:1.4rem}.right-actions{display:flex;gap:1rem}.tab-buttons,.tab-navigation{margin-bottom:2rem}.tab-buttons{display:flex;gap:1rem}.tab-button{background-color:#f5f5f5;border:none;padding:1rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1.4rem}.tab-button.active{background-color:#3498DB;color:#fff}input[type=date],input[type=email],input[type=number],input[type=tel],input[type=text],select,textarea{width:100%;padding:.8rem 1rem;border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:1.4rem}input.error{border:1px solid #ff4444}.input-with-icon{position:relative;width:100%}.input-with-icon img{position:absolute;right:1rem;top:50%;transform:translateY(-50%);cursor:pointer;width:1.8rem;height:1.8rem}.checkbox-container{display:flex;align-items:center;gap:.8rem;cursor:pointer}.checkbox-input{position:relative;width:1.8rem;height:1.8rem;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #ddd;border-radius:3px;cursor:pointer;transition:background-color .3s}.checkbox-label{font-size:1.4rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.images-container{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.5rem;gap:1.5rem;margin-top:2rem}.image-slot{position:relative;width:100%;padding-top:75%;border:1px dashed #ccc;border-radius:4px;overflow:hidden}.image-slot img.vehicle-image{object-fit:cover}.image-slot img.vehicle-image,.upload-placeholder{position:absolute;top:0;left:0;width:100%;height:100%}.upload-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f9f9f9}.upload-icon{width:3rem;height:3rem;margin-bottom:1rem}.cancel-icon,.vehicle-image-icon{position:absolute;width:2.4rem;height:2.4rem;cursor:pointer;z-index:2}.cancel-icon{top:1rem;right:1rem}.vehicle-image-icon{bottom:1rem;right:1rem}.btn{padding:.8rem 1.5rem;border-radius:4px;font-size:1.4rem;cursor:pointer;transition:all .2s}.btn-primary{background-color:#3498DB;color:white;border:none}.btn-primary:hover{background-color:#2980B9}.btn-secondary{background-color:white;color:#555;border:1px solid #ddd}.btn-secondary:hover{background-color:#f5f5f5}.description-section{margin-top:2rem}.description-textarea{width:100%;min-height:15rem;padding:1.5rem;border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:1.4rem;resize:vertical}.extras-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem;margin-top:2rem}.stock-vehicle-content{width:100%}.stock-vehicle-columns{display:flex;gap:3rem;width:100%}.stock-vehicle-details-column{flex:1 1;max-width:60%}.stock-vehicle-images-column{flex:1 1;max-width:40%}@media (max-width:992px){.stock-vehicle-columns{flex-direction:column}.stock-vehicle-details-column,.stock-vehicle-images-column{max-width:100%}.extras-grid{grid-template-columns:repeat(2,1fr)}.images-container{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.extras-grid{grid-template-columns:1fr}.images-container{grid-template-columns:repeat(2,1fr)}.extras-form,.purchase-details-form,.vehicle-details-form{padding:2rem}}