.vehicle-specs-manager{padding:var(--spacing-lg)}.specs-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.specs-header h2{color:var(--text-primary);margin:0}.btn-primary{background:var(--primary-color);color:#fff;padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;font-size:.9rem}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.empty-state{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.empty-state p{margin:var(--spacing-sm)0}.loading{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.error-message{color:#c33;padding:var(--spacing-md);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);background:#fee;border:1px solid #fcc}.specs-list{gap:var(--spacing-lg);flex-direction:column;display:flex}.spec-category{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md)}.category-title{margin:0 0 var(--spacing-md)0;color:var(--primary-color);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--border-color);font-size:1.1rem}.category-specs{gap:var(--spacing-sm);flex-direction:column;display:flex}.spec-item{padding:var(--spacing-md);background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:all var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.spec-item:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #0000001a}.spec-content{flex:1}.spec-key{color:var(--text-primary);margin-bottom:var(--spacing-xs);font-weight:600}.spec-value{color:var(--text-secondary);font-size:.95rem}.spec-notes{margin-top:var(--spacing-xs);color:var(--text-tertiary);font-size:.85rem;font-style:italic}.spec-actions{gap:var(--spacing-xs);margin-left:var(--spacing-md);display:flex}.btn-edit,.btn-delete,.btn-delete-confirm,.btn-cancel,.btn-secondary{padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);font-size:.85rem}.btn-edit:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.btn-delete:hover,.btn-delete-confirm{color:#fff;background:#dc3545;border-color:#dc3545}.btn-delete-confirm:hover{opacity:.9}.btn-cancel:hover,.btn-secondary:hover{background:var(--border-color)}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--card-bg);padding:var(--spacing-lg);border-radius:var(--radius-md);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0003}.modal-content h3{margin:0 0 var(--spacing-lg)0;color:var(--text-primary)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{margin-bottom:var(--spacing-xs);color:var(--text-primary);font-size:.9rem;font-weight:500;display:block}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--background-color);color:var(--text-primary);font-family:inherit;font-size:.95rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #4299e11a}.form-group input:disabled,.form-group select:disabled{opacity:.6;cursor:not-allowed;background:var(--border-color)}.form-group textarea{resize:vertical;min-height:80px}.form-actions{gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-color);justify-content:flex-end;display:flex}@media (max-width:768px){.vehicle-specs-manager{padding:var(--spacing-md)}.specs-header{align-items:stretch;gap:var(--spacing-sm);flex-direction:column}.specs-header h2{font-size:1.3rem}.spec-item{flex-direction:column;align-items:stretch}.spec-actions{margin-left:0;margin-top:var(--spacing-sm);justify-content:flex-end}.modal-content{width:95%;padding:var(--spacing-md)}.form-actions{flex-direction:column}.form-actions button{width:100%}}