.page-container{padding:2rem;background:#f9fafb;min-height:calc(100vh - 200px)}.page-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e5e7eb}.page-header h1{margin:0 0 .5rem;font-size:2rem;font-weight:700;color:#111827}.page-header p{margin:0;color:#4b5563;font-size:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{position:relative;padding:1.5rem;background:#ffffff;border-radius:.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1);border-left:4px solid #4f46e5}.stat-value{font-size:2rem;font-weight:700;color:#111827;margin-bottom:.5rem}.stat-label{font-size:.875rem;color:#4b5563;font-weight:500;margin-bottom:1rem}.stat-icon{position:absolute;top:1rem;right:1rem;font-size:2rem;opacity:.5}.home-section{margin-bottom:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.section-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#111827}.view-all-link{color:#4f46e5;text-decoration:none;font-weight:500;transition:all .3s ease}.view-all-link:hover{color:#4338ca}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.product-card{background:#ffffff;border-radius:.5rem;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all .3s ease;display:flex;flex-direction:column}.product-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-2px)}.product-card-image{width:100%;height:200px;overflow:hidden;background:#f9fafb}.product-card-image img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:transform .2s ease}.product-card:hover .product-card-image img{transform:none}.product-no-image{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:3rem;background:#eef2ff}.product-card-info{padding:1.25rem;flex:1 1;display:flex;flex-direction:column}.product-card-info h3{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:#111827}.product-sku{font-size:.8125rem;color:#4b5563;margin:0 0 .5rem}.product-price{font-size:1.25rem;font-weight:700;color:#10b981;margin:.5rem 0}.product-category,.product-description{font-size:.875rem;color:#4b5563;margin:.5rem 0;flex:1 1}.view-detail-btn{margin-top:auto;padding:.5rem 0;color:#4f46e5;text-decoration:none;font-weight:500;border-bottom:2px solid transparent;transition:all .3s ease}.view-detail-btn:hover{border-bottom-color:#4f46e5}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.action-link{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:#ffffff;border:2px solid #e5e7eb;border-radius:.5rem;text-decoration:none;transition:all .3s ease;cursor:pointer}.action-link:hover{border-color:#4f46e5;background:#eef2ff}.action-icon{font-size:2.5rem;margin-bottom:.75rem}.action-text{color:#111827;font-weight:600;font-size:1rem}.empty-state{text-align:center;padding:3rem;background:#ffffff;border-radius:.5rem;border:2px dashed #e5e7eb}.empty-icon{font-size:3rem;margin-bottom:1rem;display:block}.empty-state h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#111827}.empty-state p{margin:0 0 1.5rem;color:#4b5563}.empty-action-btn,.error-action-btn{padding:.75rem 1.5rem;background:#4f46e5;color:#ffffff;border:none;border-radius:.375rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.empty-action-btn:hover,.error-action-btn:hover{background:#4338ca}.detail-page-header{margin-bottom:1.5rem}.back-button{padding:.5rem 1rem;background:transparent;color:#4f46e5;border:1px solid #4f46e5;border-radius:.375rem;cursor:pointer;font-weight:600;transition:all .3s ease}.back-button:hover{background:#4f46e5;color:#ffffff}.detail-page-tabs{display:flex;gap:1rem;margin-bottom:1.5rem;border-bottom:2px solid #e5e7eb;padding-bottom:0}.tab-button{padding:.75rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;color:#4b5563;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem}.tab-button:hover{color:#111827}.tab-button.active{color:#4f46e5;border-bottom-color:#4f46e5}.detail-page-content{background:#ffffff;border-radius:.5rem;padding:1.5rem}.variants-section{width:100%}.loading-section{text-align:center;padding:2rem;color:#4b5563;font-size:1rem}.view-mode-toggle{display:flex;gap:.5rem;margin-bottom:1.5rem}.view-mode-toggle button{margin:0}.vehicles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.catalog-layout{display:grid;grid-template-columns:250px 1fr;gap:2rem}.catalog-sidebar{background:#ffffff;padding:1.5rem;border-radius:.5rem;height:-moz-fit-content;height:fit-content;box-shadow:0 1px 3px rgba(0,0,0,.1)}.filter-section h3{margin:0 0 1.5rem;font-size:1.125rem;font-weight:600;color:#111827;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.filter-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.filter-group label{font-size:.875rem;font-weight:600;color:#4b5563}.price-inputs{display:flex;gap:.5rem;align-items:center}.price-inputs input{flex:1 1}.price-separator{color:#d1d5db;font-weight:500}.catalog-content{background:#ffffff;padding:1.5rem;border-radius:.5rem}.catalog-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.catalog-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.products-catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.product-catalog-card{background:#f9fafb;border-radius:.5rem;overflow:hidden;border:1px solid #e5e7eb;transition:all .3s ease;display:flex;flex-direction:column;height:100%}.product-catalog-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);border-color:#d1d5db}.product-catalog-image{width:100%;height:150px;overflow:hidden;background:#ffffff}.product-catalog-image img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:transform .2s ease}.product-catalog-card:hover .product-catalog-image img{transform:none}.product-catalog-info{padding:1rem;flex:1 1;display:flex;flex-direction:column}.product-catalog-info h3{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#111827}.product-catalog-info .product-sku{font-size:.75rem;color:#4b5563;margin:0}.product-catalog-info .product-category{font-size:.75rem;color:#4b5563;margin:.25rem 0}.product-catalog-info .product-description{font-size:.8125rem;color:#4b5563;margin:.5rem 0;flex:1 1}.product-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.75rem;border-top:1px solid #e5e7eb}.product-footer .product-price{font-weight:700;color:#10b981;font-size:1rem}.view-btn{padding:.4rem .8rem;background:#4f46e5;color:#ffffff;text-decoration:none;border-radius:.25rem;font-size:.8125rem;font-weight:600;transition:all .3s ease}.view-btn:hover{background:#4338ca}.error-state{text-align:center;padding:3rem;background:#ffffff;border-radius:.5rem}.error-icon{font-size:3rem;margin-bottom:1rem;display:block}.error-state h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#111827}.error-state p{margin:0 0 1.5rem;color:#4b5563}@media (max-width:1024px){.catalog-layout{grid-template-columns:1fr}.catalog-sidebar{display:none}}@media (max-width:768px){.page-container{padding:1rem}.page-header{margin-bottom:1.5rem}.page-header h1{font-size:1.5rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{padding:1rem}.stat-value{font-size:1.5rem}.products-grid,.vehicles-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.quick-actions{grid-template-columns:repeat(2,1fr)}.detail-page-tabs{flex-wrap:wrap;gap:.5rem}.tab-button{padding:.5rem 1rem;font-size:.875rem}.products-catalog-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.pagination{display:flex;justify-content:center;align-items:center;gap:2rem;margin-top:2rem;padding:1.5rem 0;border-top:1px solid #e5e7eb}.pagination-btn{padding:.75rem 1.5rem;background:#4f46e5;color:white;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#4338ca;transform:translateY(-2px);box-shadow:0 4px 12px rgba(79,70,229,.3)}.pagination-btn:disabled{background:#d1d5db;color:#4b5563;cursor:not-allowed}.pagination-info{display:flex;align-items:center;gap:.5rem;color:#4b5563;font-weight:500;white-space:nowrap}.current-page{color:#4f46e5;font-weight:700}.total-pages{color:#111827;font-weight:600}.pagination-count{color:#4b5563;font-size:.875rem;margin-left:.5rem}.section-subtitle{margin:0;color:#4b5563;font-size:.875rem;font-weight:400}@media (max-width:480px){.page-container{padding:.75rem}.page-header h1{font-size:1.25rem}.products-grid,.quick-actions,.stats-grid,.vehicles-grid{grid-template-columns:1fr}.action-link{padding:1.5rem}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.products-catalog-grid{grid-template-columns:1fr}.filter-group{width:100%}.pagination{flex-direction:column;gap:1rem}.pagination-btn{width:100%}.pagination-info{width:100%;justify-content:center}}.form-card{background:white;padding:1.5rem;border-radius:.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1)}.form-card h2{margin-top:0;font-size:1.25rem;color:#111827}.form-card h2,.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151;font-size:.875rem}.textarea-input{width:100%;padding:.75rem;border:1px solid #e5e7eb;border-radius:.5rem;font-family:Courier New,monospace;font-size:.875rem;resize:vertical}.textarea-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,.1)}.form-actions{display:flex;gap:1rem;margin-top:2rem}.page-actions{display:flex;gap:1rem;margin-bottom:2rem}.alert{padding:1rem;border-radius:.5rem;margin-bottom:1.5rem;font-weight:500}.alert-error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.alert-success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.configs-table-wrapper{background:white;border-radius:.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1);overflow-x:auto}.configs-table{width:100%;border-collapse:collapse}.configs-table thead{background:#f3f4f6;border-bottom:2px solid #e5e7eb}.configs-table th{padding:1rem;text-align:left;font-weight:600;color:#374151;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.configs-table td{padding:1rem;border-bottom:1px solid #e5e7eb;color:#4b5563}.configs-table tbody tr:hover{background:#f9fafb}.key-cell code{background:#f3f4f6;padding:.25rem .5rem;border-radius:.25rem;font-family:Courier New,monospace;color:#4f46e5;font-weight:600}.value-cell{max-width:300px}.value-code{background:#f3f4f6;padding:.25rem .5rem;border-radius:.25rem;font-family:Courier New,monospace;color:#374151;font-size:.8rem;word-break:break-all}.date-cell{color:#4b5563;font-size:.875rem}.actions-cell{display:flex;gap:.5rem}.btn-small{padding:.5rem 1rem;border:none;border-radius:.25rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-edit{background:#dbeafe;color:#0c4a6e}.btn-edit:hover{background:#bfdbfe}.btn-delete{background:#fee2e2;color:#991b1b}.btn-delete:hover{background:#fecaca}.vehicle-list-search{margin-bottom:2rem;display:flex;justify-content:center}.search-container{width:100%;max-width:500px;position:relative;display:flex;align-items:center;background:#ffffff;border-radius:.5rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all .3s ease}.search-container:focus-within{border-color:#4f46e5;box-shadow:0 2px 8px rgba(79,70,229,.15)}.search-container input{flex:1 1;border:none;padding:.75rem 1rem;font-size:1rem;outline:none;background:transparent;color:#111827}.search-container input::placeholder,.search-icon{color:#4b5563}.search-icon{padding:0 1rem;font-size:1.2rem;cursor:default}.vehicle-list-section{margin-top:2rem}.vehicle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.vehicle-link-card{text-decoration:none;color:inherit;transition:all .3s ease}.vehicle-card-content{background:#ffffff;border-radius:.5rem;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all .3s ease;height:100%;display:flex;flex-direction:column}.vehicle-link-card:hover .vehicle-card-content{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-4px)}.vehicle-card-image{width:100%;height:220px;overflow:hidden;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.vehicle-card-image img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:transform .2s ease}.vehicle-link-card:hover .vehicle-card-image img{transform:none}.vehicle-card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:4rem;color:#d1d5db;background:#f9fafb}.vehicle-card-info{padding:1.5rem;flex:1 1;display:flex;flex-direction:column;justify-content:flex-start}.vehicle-card-info h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:700;color:#111827}.vehicle-type{margin:0 0 .75rem;color:#4b5563;font-size:1rem;font-weight:500}.vehicle-year{margin:0;color:#4b5563;font-size:.875rem}.vehicle-engine{margin:0 0 .5rem;color:#4b5563;font-size:.95rem}.vehicle-bodycode{margin:0 0 .5rem;color:#374151;font-size:.95rem;font-weight:600}.vehicle-desc{margin-top:.75rem;color:#374151;font-size:.95rem;line-height:1.2;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.no-results{text-align:center;padding:3rem 2rem;background:#f9fafb;border-radius:.5rem;border:2px dashed #e5e7eb}.no-results p{margin:0 0 1rem;color:#4b5563;font-size:1.1rem}.reset-search-btn{background:#4f46e5;color:#ffffff;border:none;padding:.75rem 1.5rem;border-radius:.4rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.reset-search-btn:hover{background:#4338ca;box-shadow:0 2px 8px rgba(79,70,229,.3)}@media (max-width:768px){.vehicle-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.vehicle-card-image{height:180px}.vehicle-card-info{padding:1rem}.vehicle-card-info h3{font-size:1.1rem}}@media (max-width:480px){.vehicle-grid{grid-template-columns:1fr;gap:1rem}.vehicle-card-content{flex-direction:row}.vehicle-card-image{width:150px;height:150px;flex-shrink:0}.vehicle-card-info{flex:1 1}.search-container input{padding:.65rem .75rem;font-size:.9rem}}